{"id":15,"date":"2026-05-12T13:13:24","date_gmt":"2026-05-12T11:13:24","guid":{"rendered":"https:\/\/www.25004.ooteca.artedra.net\/?page_id=15"},"modified":"2026-05-20T10:30:02","modified_gmt":"2026-05-20T08:30:02","slug":"elementor-15","status":"publish","type":"page","link":"https:\/\/www.25004.ooteca.artedra.net\/","title":{"rendered":"Elementor #15"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78ecfe6 e-con-full e-flex e-con e-parent\" data-id=\"78ecfe6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e870422 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e870422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ca\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>WHITE NOISE \u2014 Fanzine Digital<\/title>\r\n\r\n  <!-- Tipografies Google Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@200;300;400;500;600;700&family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n  <!-- Full d'estils extern -->\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     NAV\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<nav>\r\n\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#concepto\">Concepte<\/a><\/li>\r\n    <li><a href=\"#referents\">Referents<\/a><\/li>\r\n    <li><a href=\"#proces\">Proc\u00e9s<\/a><\/li>\r\n    <li><a href=\"#fanzine\">Fanzine<\/a><\/li>\r\n    <li><a href=\"#conclusions\">Conclusions<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\">\r\n\r\n  <div class=\"hero-bg\"><\/div>\r\n\r\n  <div class=\"hero-text\">\r\n    \r\n    <h1 class=\"hero-title\" data-text=\"WHITE NOISE\">\r\n      WHITE<br><span class=\"outline\">NOISE<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-subtitle\">\r\n     No tot el que es veu es viu igual.\r\n    <\/p>\r\n    <a href=\"#concepto\" class=\"hero-btn\">Explorar<\/a>\r\n  <\/div>\r\n\r\n  <!-- Portada flotant -->\r\n  <a \r\n  href=\"https:\/\/indd.adobe.com\/view\/7760b51e-9a7b-4b4e-b426-5460e9612905\"\r\n  target=\"_blank\"\r\n  class=\"hero-cover\"\r\n>\r\n\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/PORTADA-FANZINE-FINAL-scaled.jpg\"\r\n    class=\"cover-img\"\r\n  >\r\n\r\n<\/a>\r\n\r\n  <div class=\"hero-glitch-line\"><\/div>\r\n  <div class=\"scroll-hint\">Scroll<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MARQUEE 1\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"marquee-wrap\">\r\n  <div class=\"marquee-track\">\r\n    <span class=\"mq\">White Noise<\/span>\r\n    <span class=\"mq fill\">Snowboard<\/span>\r\n    <span class=\"mq\">Fanzine<\/span>\r\n    <span class=\"mq fill\">Cultura<\/span>\r\n    <span class=\"mq\">Velocitat<\/span>\r\n    <span class=\"mq fill\">Realitat<\/span>\r\n    <span class=\"mq\">Muntanya<\/span>\r\n    <span class=\"mq fill\">Editorial<\/span>\r\n    <!-- Duplicat per bucle sense tall -->\r\n    <span class=\"mq\">White Noise<\/span>\r\n    <span class=\"mq fill\">Snowboard<\/span>\r\n    <span class=\"mq\">Fanzine<\/span>\r\n    <span class=\"mq fill\">Cultura<\/span>\r\n    <span class=\"mq\">Velocitat<\/span>\r\n    <span class=\"mq fill\">Realitat<\/span>\r\n    <span class=\"mq\">Muntanya<\/span>\r\n    <span class=\"mq fill\">Editorial<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3 01 \u2014 CONCEPTE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"concepto\">\r\n  <div class=\"cpt-grid\">\r\n\r\n    <!-- Moodboard -->\r\n    <div class=\"mood-grid reveal d1\">\r\n\r\n      <!-- 01 -->\r\n      <a \r\n        href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/fondo-posible-Recuperado-web.jpg\"\r\n        target=\"_blank\"\r\n        class=\"mood-block mb1\"\r\n      >\r\n\r\n        <div class=\"contrast\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/fondo-posible-Recuperado-web.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"mood-info\">\r\n          <span class=\"mood-tag\">Percepci\u00f3<\/span>\r\n          <span class=\"mood-name\">Tot passa massa r\u00e0pid<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- 02 -->\r\n      <a \r\n        href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-120556.png\"\r\n        target=\"_blank\"\r\n        class=\"mood-block mb2\"\r\n      >\r\n\r\n        <div class=\"contrast\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-120556.png\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"mood-info\">\r\n          <span class=\"mood-tag\">Est\u00e8tica<\/span>\r\n          <span class=\"mood-name\">Reducci\u00f3 Visual<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- 03 -->\r\n      <a \r\n        href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Travis-Rice-CONTRASTE.jpg\"\r\n        target=\"_blank\"\r\n        class=\"mood-block mb3\"\r\n      >\r\n\r\n        <div class=\"contrast\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Travis-Rice-CONTRASTE.jpg\" alt=\"Contrast\">\r\n        <\/div>\r\n\r\n        <div class=\"mood-info\">\r\n          <span class=\"mood-tag\">Contrast<\/span>\r\n          <span class=\"mood-name\">Blanc i Negre<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- 04 -->\r\n      <a \r\n        href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/chloe-kim-2-web.jpg\"\r\n        target=\"_blank\"\r\n        class=\"mood-block mb4\"\r\n      >\r\n\r\n        <div class=\"contrast\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/chloe-kim-2-web.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"mood-info\">\r\n          <span class=\"mood-tag\">Soroll<\/span>\r\n          <span class=\"mood-name\">Saturaci\u00f3 visual<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- 05 -->\r\n      <a \r\n        href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/PORTADA-FANCIE-scaled.jpg\"\r\n        target=\"_blank\"\r\n        class=\"mood-block mb5\"\r\n      >\r\n\r\n        <div class=\"contrast\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/PORTADA-FANCIE-scaled.jpg\">\r\n        <\/div>\r\n\r\n        <div class=\"mood-info\">\r\n          <span class=\"mood-tag\">Realitat<\/span>\r\n          <span class=\"mood-name\">Terreny Real<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Text -->\r\n    <div class=\"cpt-left\">\r\n\r\n      <p class=\"sec-label cpt-label\" data-n=\"01\">\r\n        Idea &amp; Concepte\r\n      <\/p>\r\n\r\n      <h2 class=\"cpt-h reveal\">\r\n        <span class=\"stroke\">IDEA<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"cpt-body reveal d1\">\r\n        <strong>White Noise<\/strong> neix de la necessitat de mostrar el snowboard\r\n        des d\u2019un lloc m\u00e9s honest i menys espectacular. No com una imatge perfecta\r\n        preparada per ser consumida r\u00e0pid, sin\u00f3 com una experi\u00e8ncia f\u00edsica,\r\n        intensa i moltes vegades ca\u00f2tica.\r\n      <\/p>\r\n\r\n      <p class=\"cpt-body reveal d2\">\r\n        El projecte parteix de la idea que avui moltes experi\u00e8ncies acaben\r\n        convertides en contingut abans fins i tot de ser viscudes del tot.\r\n        La velocitat, el soroll visual i la sobreexposici\u00f3 constant d\u2019imatges\r\n        transformen la manera com recordem, observem i entenem el que passa.\r\n      <\/p>\r\n\r\n      <p class=\"cpt-body reveal d3\">\r\n        A trav\u00e9s del blanc i negre, les textures, el glitch i la fragmentaci\u00f3,\r\n        el fanzine intenta transmetre aquesta sensaci\u00f3 de saturaci\u00f3 i desconnexi\u00f3,\r\n        per\u00f2 tamb\u00e9 el pes real del terreny, el fred, la velocitat i tot all\u00f2\r\n        que encara existeix fora de la pantalla.\r\n      <\/p>\r\n\r\n      <div class=\"cpt-tags reveal d4\">\r\n        <span class=\"cpt-tag\">Snowboard<\/span>\r\n        <span class=\"cpt-tag\">Percepci\u00f3<\/span>\r\n        <span class=\"cpt-tag\">Editorial<\/span>\r\n        <span class=\"cpt-tag\">Glitch<\/span>\r\n        <span class=\"cpt-tag\">B&amp;W<\/span>\r\n        <span class=\"cpt-tag\">Noise<\/span>\r\n        <span class=\"cpt-tag\">Velocitat<\/span>\r\n        <span class=\"cpt-tag\">Cultura visual<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MARQUEE 2\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"marquee-wrap\" style=\"background:#f3f0eb; border-color:#e0ddd7;\">\r\n  <div class=\"marquee-track\" style=\"animation-direction:reverse;\">\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Proc\u00e9s Creatiu<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Disseny Editorial<\/span>\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Tipografia<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Maquetaci\u00f3<\/span>\r\n    <!-- Duplicat -->\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Proc\u00e9s Creatiu<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Disseny Editorial<\/span>\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Tipografia<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Maquetaci\u00f3<\/span>\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Proc\u00e9s Creatiu<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Disseny Editorial<\/span>\r\n    <span class=\"mq\" style=\"-webkit-text-stroke-color:#ccc;\">Tipografia<\/span>\r\n    <span class=\"mq fill\" style=\"color:#e0ddd7;\">Maquetaci\u00f3<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3 02 \u2014 REFERENTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"referents\">\r\n\r\n  <div class=\"ref-head reveal\">\r\n    <h2 class=\"ref-title\">Referents<\/h2>\r\n    <p class=\"ref-intro\">\r\n      <p class=\"ref-intro\">\r\n  Refer\u00e8ncies visuals i conceptuals que han ajudat a la creaci\u00f3 del llenguatge,\r\n  l\u2019est\u00e8tica i la manera d\u2019entendre White Noise.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ref-grid\">\r\n\r\n    <div class=\"ref-card reveal\">\r\n      <div class=\"rcard-bg rb1\"><span class=\"rcard-num\"><\/span><\/div>\r\n      <div class=\"rcard-overlay\">\r\n        <p class=\"rcard-hover\">La neu i el moviment es fusionen fins a eliminar la forma.\r\nLa imatge deixa de ser precisa i es converteix en sensaci\u00f3.<\/p>\r\n        <p class=\"rcard-cat\">Percepci\u00f3 \/ Velocitat<\/p>\r\n        <p class=\"rcard-name\">Whiteout Motion<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ref-card reveal d1\">\r\n      <div class=\"rcard-bg rb2\"><span class=\"rcard-num\">02<\/span><\/div>\r\n      <div class=\"rcard-overlay\">\r\n        <p class=\"rcard-hover\">Capes, textos i imatges convivint al mateix espai.\r\nRefer\u00e8ncia directa al soroll visual present al fanzine.<\/p>\r\n        <p class=\"rcard-cat\">Cultura \/ Saturaci\u00f3<\/p>\r\n        <p class=\"rcard-name\">Sobrec\u00e0rrega Visual<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ref-card reveal d2\">\r\n      <div class=\"rcard-bg rb3\"><span class=\"rcard-num\">03<\/span><\/div>\r\n      <div class=\"rcard-overlay\">\r\n        <p class=\"rcard-hover\">El contrast extrem redueix la imatge al m\u00e9s essencial:\r\nllum, textura i composici\u00f3.<\/p>\r\n        <p class=\"rcard-cat\">Contrast \/ Blanc i negre<\/p>\r\n        <p class=\"rcard-name\">Raw Contrast<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ref-card reveal d3\">\r\n      <div class=\"rcard-bg rb4\"><span class=\"rcard-num\">04<\/span><\/div>\r\n      <div class=\"rcard-overlay\">\r\n        <p class=\"rcard-hover\"> La barreja entre tipografia, fotografia i trama visual\r\ndefineix gran part del llenguatge gr\u00e0fic del projecte.l.<\/p>\r\n        <p class=\"rcard-cat\">Identitat \/ Editorial<\/p>\r\n        <p class=\"rcard-name\">Graphic Noise<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n<div class=\"ref-card reveal d4\">\r\n  <div class=\"rcard-bg rb5\">\r\n    <span class=\"rcard-num\">05<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"rcard-overlay\">\r\n    <p class=\"rcard-hover\">\r\n     El desenfoc i la deformaci\u00f3 transmeten velocitat,\r\ntensi\u00f3 visual i p\u00e8rdua de control.\r\n    <\/p>\r\n\r\n    <p class=\"rcard-cat\">Moviment \/ Distorsi\u00f3<\/p>\r\n    <p class=\"rcard-name\">Fragmented Motion<\/p>\r\n  <\/div>\r\n<\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3 03 \u2014 PROC\u00c9S DE TREBALL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"proces\">\r\n\r\n  <div class=\"proc-head reveal\">\r\n    <h2 class=\"proc-title\">Proc\u00e9s<br><span class=\"thin\">de Treball<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"timeline\">\r\n\r\n    <!-- Fase 01 -->\r\n    <div class=\"tl-item reveal\">\r\n      <div class=\"tl-l\">\r\n        <span class=\"tl-num\">01<\/span>\r\n        <span class=\"tl-phase\">Fase inicial<\/span>\r\n      <\/div>\r\n      <div class=\"tl-r\">\r\n        <h3 class=\"tl-rtitle\">Conceptualitzaci\u00f3<\/h3>\r\n        <p class=\"tl-rbody\">\r\n          Definici\u00f3 del tema central: la difer\u00e8ncia entre el show medi\u00e0tic del snowboard\r\n          i la realitat crua del terreny. Recerca de referents visuals, culturals i editorials.\r\n          Primeres idees.\r\n        <\/p>\r\n      <div class=\"tl-imgs wireframe-gallery\">\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-093538.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti1 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-093538.png\" alt=\"\">\r\n    <span>Mapa conceptual<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-093549.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti2 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-093549.png\" alt=\"\">\r\n    <span>Primeres idees<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Fase 02 -->\r\n    <div class=\"tl-item reveal\">\r\n      <div class=\"tl-l\">\r\n        <span class=\"tl-num\">02<\/span>\r\n        <span class=\"tl-phase\">Identitat visual<\/span>\r\n      <\/div>\r\n      <div class=\"tl-r\">\r\n        <h3 class=\"tl-rtitle\">Direcci\u00f3 d'Art<\/h3>\r\n        <p class=\"tl-rbody\">\r\n          Definici\u00f3 de la paleta B&amp;W absoluta. Elecci\u00f3 tipogr\u00e0fica: sans-serif condensades\r\n          de pes extrem. Experimentaci\u00f3 amb glitch, soroll digital i textures de gra fotogr\u00e0fic.\r\n          Primeres proves de composici\u00f3 editorial.\r\n        <\/p>\r\n      <div class=\"tl-imgs\">\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/TIPOGRAFIA.jpg\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti3 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/TIPOGRAFIA.jpg\" alt=\"Tipografia\">\r\n    <span>Tipografia<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/PALETA.jpg\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti4 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/PALETA.jpg\" alt=\"Paleta\">\r\n    <span>Paleta<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Fase 03 -->\r\n    <div class=\"tl-item reveal\">\r\n      <div class=\"tl-l\">\r\n        <span class=\"tl-num\">03<\/span>\r\n        <span class=\"tl-phase\">Prototipatge<\/span>\r\n      <\/div>\r\n      <div class=\"tl-r\">\r\n        <h3 class=\"tl-rtitle\">Wireframes &amp; Maquetes<\/h3>\r\n        <p class=\"tl-rbody\">\r\n          Estructura dels spreads principals: portada, p\u00e0gines interiors, secci\u00f3 SHOW vs REALITAT,\r\n          secci\u00f3 WHITEOUT. Definici\u00f3 del grid editorial, jerarquies tipogr\u00e0fiques i ritme visual.\r\n          Primers mockups en alta fidelitat.\r\n        <\/p>\r\n       <div class=\"tl-imgs wireframe-gallery\">\r\n\r\n  <a href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-1.jpg\" class=\"tl-img ti2 wf-item\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-1.jpg\" alt=\"Wireframe 1\">\r\n    <span>Wireframe 01<\/span>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-2.jpg\" class=\"tl-img ti3 wf-item\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-2.jpg\" alt=\"Wireframe 2\">\r\n    <span>Wireframe 02<\/span>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-3.jpg\" class=\"tl-img ti1 wf-item\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-3.jpg\" alt=\"Wireframe 3\">\r\n    <span>Wireframe 03<\/span>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-4.jpg\" class=\"tl-img ti4 wf-item\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/wireframe-4.jpg\" alt=\"Wireframe 4\">\r\n    <span>Wireframe 04<\/span>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/guio-narratiu.jpg\" class=\"tl-img ti2 wf-item\" target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/guio-narratiu.jpg\" alt=\"Gui\u00f3 narratiu\">\r\n    <span>Gui\u00f3 Narratiu<\/span>\r\n  <\/a>\r\n    <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-094309.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti3 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-20-094309.png\" alt=\"\">\r\n    <span>Mockup Final<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Fase 04 -->\r\n    <div class=\"tl-item reveal\">\r\n      <div class=\"tl-l\">\r\n        <span class=\"tl-num\">04<\/span>\r\n        <span class=\"tl-phase\">Producci\u00f3 final<\/span>\r\n      <\/div>\r\n      <div class=\"tl-r\">\r\n        <h3 class=\"tl-rtitle\">Maquetaci\u00f3 &amp; Acabats<\/h3>\r\n        <p class=\"tl-rbody\">\r\n          Composici\u00f3 definitiva de tots els spreads. Retoc fotogr\u00e0fic en B&amp;W,\r\n         integraci\u00f3 de textures de soroll.\r\n          Revisi\u00f3 de coher\u00e8ncia gr\u00e0fica global, ajustos finals i exportaci\u00f3 digital interactiva.\r\n        <\/p>\r\n        <div class=\"tl-imgs\">\r\n       <div class=\"tl-imgs wireframe-gallery\">\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122530.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti4 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122530.png\" alt=\"\">\r\n    <span>Portada<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-125836.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti1 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-125836.png\" alt=\"\">\r\n    <span>Interior 01<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-125813.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti2 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-125813.png\" alt=\"\">\r\n    <span>Interior 02<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122319.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti3 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122319.png\" alt=\"\">\r\n    <span>Interior 3<\/span>\r\n  <\/a>\r\n\r\n  <a \r\n    href=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122404.png\"\r\n    target=\"_blank\"\r\n    class=\"tl-img ti4 wf-item\"\r\n  >\r\n    <img decoding=\"async\" src=\"https:\/\/www.25004.ooteca.artedra.net\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-19-122404.png\" alt=\"\">\r\n    <span>Contraportada<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3 04 \u2014 FANZINE INTERACTIU\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"fanzine\">\r\n  <div class=\"fz-inner\">\r\n\r\n    <p class=\"fz-label reveal\">Fanzine Interactiu<\/p>\r\n    <h2 class=\"fz-title reveal\">Obre el<br>Fanzine<\/h2>\r\n    <p class=\"fz-sub reveal\">Visualitzador interactiu \u2014 Edici\u00f3 digital completa<\/p>\r\n\r\n    <div class=\"fz-viewer reveal\">\r\n<iframe \r\n  allowfullscreen=\"allowfullscreen\"\r\n  allow=\"clipboard-write\"\r\n  scrolling=\"no\"\r\n  class=\"fp-iframe\"\r\n  src=\"https:\/\/heyzine.com\/flip-book\/7e81aef938.html\"\r\n  style=\"border: none; width: 100%; height: 100%;\">\r\n<\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fz-btns reveal\">\r\n      <button class=\"btn-o\" onclick=\"document.querySelector('.fz-viewer').requestFullscreen?.()\">\r\n        Pantalla completa\r\n      <\/button>\r\n      <a href=\"#\" class=\"btn-s\">Descarregar PDF<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3 06 \u2014 CONCLUSIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"conclusions\">\r\n  <div class=\"conc-inner\">\r\n\r\n    <!-- Columna esquerra: t\u00edtol sticky -->\r\n    <div class=\"conc-left reveal\">\r\n      <p class=\"sec-label\" data-n=\"06\" style=\"color:var(--g400);\">Reflexi\u00f3 final<\/p>\r\n      <h2 class=\"conc-title\">\r\n        Conclusions<br> <span class=\"acc\">FINALS<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Columna dreta: blocs de text -->\r\n    <div class=\"conc-right\">\r\n\r\n      <div class=\"conc-block reveal\">\r\n        <p class=\"conc-lbl\">Proc\u00e9s creatiu<\/p>\r\n        <h3 class=\"conc-h\">El que va funcionar<\/h3>\r\n        <p class=\"conc-p\">\r\n          La decisi\u00f3 de treballar exclusivament en blanc i negre va ser determinant.\r\n          Va eliminar distraccions i va obligar a buscar la for\u00e7a en la composici\u00f3,\r\n          la tipografia i el pes de la imatge. El concepte Show vs Realitat\r\n          va donar coher\u00e8ncia a totes les seccions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"conc-block reveal\">\r\n        <p class=\"conc-lbl\">Dificultats<\/p>\r\n        <h3 class=\"conc-h\">Reptes i obstacles<\/h3>\r\n        <p class=\"conc-p\">\r\n          La gesti\u00f3 del ritme visual entre p\u00e0gines va ser el principal repte.\r\n          Evitar la monotonia dins d'una paleta restringida exigeix molta variaci\u00f3\r\n          en els pesos tipogr\u00e0fics, les proporcions i el tractament fotogr\u00e0fic.\r\n          Els efectes glitch van requerir diverses iteracions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"conc-block reveal\">\r\n        <p class=\"conc-lbl\">Evoluci\u00f3<\/p>\r\n        <h3 class=\"conc-h\">Aprenentatge<\/h3>\r\n        <p class=\"conc-p\">\r\n          El projecte va evolucionar des d'una proposta inicialment m\u00e9s convencional\r\n          cap a una est\u00e8tica m\u00e9s radical i disruptiva. Cada decisi\u00f3 va tenir un motiu\r\n          conceptual clar. La coher\u00e8ncia entre fons i forma \u2014un fanzine sobre cultura\r\n          extrema amb identitat visual extrema\u2014 va ser el resultat m\u00e9s valu\u00f3s.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"conc-block reveal\">\r\n        <p class=\"conc-lbl\">Resultat<\/p>\r\n        <h3 class=\"conc-h\">Resultats finals<\/h3>\r\n        <p class=\"conc-p\">\r\n          Un fanzine digital que funciona com a pe\u00e7a editorial aut\u00f2noma i coherent.\r\n          La dicotomia SHOW\/REALITAT queda clarament articulada visualment.\r\n          El projecte planteja preguntes sobre representaci\u00f3, autenticitat\r\n          i cultura medi\u00e0tica dins del m\u00f3n dels esports de neu.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FOOTER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n  <div class=\"ftr-top\">\r\n\r\n    <div>\r\n      <p class=\"ftr-brand\">White<br>Noise<\/p>\r\n      <p class=\"ftr-sub\">\r\n        Fanzine digital sobre la cultura del snowboard.\r\n        Un arxiu visual sobre velocitat, soroll i realitat.\r\n       \r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ftr-col\">\r\n      <p class=\"ftr-col-t\">Autoria<\/p>\r\n      <ul>\r\n        <li><strong>Disseny &amp; Concepte<\/strong>Leonardo David Cardona Ram\u00edrez<\/li>\r\n        <li><strong>Instituci\u00f3<\/strong>EDRA Rub\u00ed<\/li>\r\n        <li><strong>Curs<\/strong>APGI 2 - OBRA FINAL<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"ftr-col\">\r\n      <p class=\"ftr-col-t\">Eines<\/p>\r\n      <ul>\r\n        <li>Adobe InDesign<\/li>\r\n        <li>Adobe Photoshop<\/li>\r\n        <li>Adobe Illustrator<\/li>\r\n        <li>HTML \/ CSS \/ JS<\/li>\r\n        <li>Oswald<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"ftr-col\">\r\n      <p class=\"ftr-col-t\">Contacte<\/p>\r\n      <ul>\r\n        <li><strong>Email<\/strong>cardona.ram1808@gmail.com<\/li>\r\n      \r\n        <li><strong>Any<\/strong>2026<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n<script>\r\nconst reveals = document.querySelectorAll('.reveal');\r\n\r\nconst obs = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      obs.unobserve(e.target);\r\n    }\r\n  });\r\n}, {\r\n  threshold: 0.1,\r\n  rootMargin: '0px 0px -40px 0px'\r\n});\r\n\r\nreveals.forEach(el => obs.observe(el));\r\n\r\nconst cover = document.querySelector('.hero-cover');\r\nconst htxt = document.querySelector('.hero-text');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  const y = window.scrollY;\r\n\r\n  if (cover) {\r\n    cover.style.transform =\r\n      `translateY(calc(-50% + ${y * 0.1}px)) rotate(-1.5deg)`;\r\n  }\r\n\r\n  if (htxt) {\r\n    htxt.style.transform =\r\n      `translateY(${y * 0.05}px)`;\r\n  }\r\n\r\n}, { passive: true });\r\n<\/script>\r\n\r\n<!-- Script extern \u2014 al final del body -->\r\n<script src=\"script.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WHITE NOISE \u2014 Fanzine Digital Concepte Referents Proc\u00e9s Fanzine Conclusions WHITENOISE No tot el que es veu es viu igual. Explorar Scroll White Noise Snowboard Fanzine Cultura Velocitat Realitat Muntanya Editorial White Noise Snowboard Fanzine Cultura Velocitat Realitat Muntanya Editorial Percepci\u00f3 Tot passa massa r\u00e0pid Est\u00e8tica Reducci\u00f3 Visual Contrast Blanc i Negre Soroll Saturaci\u00f3 visual [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":280,"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/www.25004.ooteca.artedra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}