{"id":1948,"date":"2024-03-16T16:18:54","date_gmt":"2024-03-16T16:18:54","guid":{"rendered":"https:\/\/storytic.upf.edu\/?page_id=1948"},"modified":"2024-05-27T13:28:01","modified_gmt":"2024-05-27T13:28:01","slug":"aula-sessio-1-dibuixos-02","status":"publish","type":"page","link":"https:\/\/storytic.upf.edu\/es\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-02\/","title":{"rendered":"AULA &#8211; SESSI\u00d3 1 &#8211; Dibuixos-02"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; module_class=\u00bbno_docent_header_on_tablet\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#fadc50&#8243; use_background_color_gradient=\u00bbon\u00bb background_color_gradient_stops=\u00bb#ffffff 0%|#fadc50 81%|#fadc50 100%\u00bb min_height=\u00bb966.5px\u00bb height=\u00bb1253px\u00bb custom_css_free_form=\u00bb@media all and (min-width: 768px) and (max-width: 1024px) {||.no_docent_header_on_tablet  {||  padding-top:56px!important;||}||}\u00bb collapsed=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb z_index=\u00bb1&#8243; width=\u00bb100%\u00bb max_width=\u00bb2560px\u00bb module_alignment=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_heading title=\u00bbBenvinguda\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb title_level=\u00bbh2&#8243; title_font=\u00bb|||on|||||\u00bb title_text_align=\u00bbcenter\u00bb title_text_color=\u00bb#1a554e\u00bb custom_margin=\u00bb0px|0px|0px|0px|true|true\u00bb custom_padding=\u00bb0px|0px|0px|0px|true|true\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_heading][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,1_5,1_5,1_5,1_5&#8243; use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb2&#8243; make_equal=\u00bbon\u00bb disabled_on=\u00bboff|off|off\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb z_index=\u00bb1&#8243; width=\u00bb100%\u00bb max_width=\u00bb2560px\u00bb custom_css_free_form=\u00bb.et_pb_row_2.et_pb_row {||    padding-top: 3px!important;||    padding-left: 30px!important;||    padding-right: 0px!important;||    padding-bottom: 0px!important;||    margin-bottom: 20px!important;||}\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Meloix-SALUDA-554&#215;851-1.png\u00bb title_text=\u00bbMeloix-SALUDA-554&#215;851&#8243; align=\u00bbcenter\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb module_alignment=\u00bbcenter\u00bb height=\u00bb500px\u00bb custom_margin=\u00bb||-80px||false|false\u00bb custom_css_free_form=\u00bb@media all and (min-width: 1900px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 600px!important;||    max-height: 600px!important;||    margin-top: -20px!important;||   \tpadding-bottom:0px!important;||  \tmargin-left:-30%!important;||  }||}||||@media all and (min-width: 1400px) and (max-width: 1900px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 576px!important;||    max-height: 576px!important;||  \tmargin-top: -20px!important;||   \tpadding-bottom:0px!important;||  \tmargin-left:-50%!important;||  }||}||||@media all and (min-width: 1366px) and (max-width: 1400px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 400px!important;||    max-height: 400px!important;||  \tmargin-top: -20px!important;||   \tpadding-bottom:0px!important;||  \tmargin-left:-50%!important;||  }||}||\/*** Responsive Styles Tablet Only ***\/||@media all and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) { .img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 400px!important;||    max-height: 400px!important;||  \tmargin-top: -20px!important;||   \tpadding-bottom:0px!important;||  \tmargin-left:-75%!important;||  }||}||@media all and (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 576px!important;||    max-height: 576px!important;||  \tmargin-top: -20px!important;||   \tpadding-bottom:0px!important;||  \tmargin-left:-75%!important;||  }||}||@media all and (min-width: 768px) and (max-width: 980px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 576px!important;||    max-height: 576px!important;||  \tmargin-top: -40px!important;||   \tpadding-bottom:40px!important;||  }||}\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_heading title=\u00bbRealitat Augmentada\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb title_level=\u00bbh5&#8243; title_font=\u00bb|||on|||||\u00bb title_text_align=\u00bbcenter\u00bb title_text_color=\u00bb#ec6820&#8243; title_font_size=\u00bb10px\u00bb position_origin_a=\u00bbcenter_center\u00bb position_origin_r=\u00bbbottom_left\u00bb vertical_offset=\u00bb0px\u00bb horizontal_offset=\u00bb-74px\u00bb width=\u00bb101px\u00bb module_alignment=\u00bbright\u00bb custom_margin=\u00bb0px|0px|0px|0px|true|true\u00bb custom_padding=\u00bb0px|0px|0px|0px|true|true\u00bb custom_css_free_form=\u00bb@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||.et_pb_heading_1 {||    bottom: 60px!important;||    left: 0px!important;||}||}\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_heading][et_pb_button button_url=\u00bbhttps:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-03\/\u00bb button_text=\u00bb \u00bb button_alignment=\u00bbright\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb68px\u00bb button_bg_color=\u00bbRGBA(255,255,255,0)\u00bb button_bg_image=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/boto-RA-HOVER.png\u00bb button_border_color=\u00bbRGBA(255,255,255,0)\u00bb button_use_icon=\u00bboff\u00bb positioning=\u00bbrelative\u00bb position_origin_a=\u00bbbottom_right\u00bb position_origin_r=\u00bbbottom_left\u00bb vertical_offset=\u00bb122px\u00bb horizontal_offset=\u00bb-82px\u00bb custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb40px|40px|40px|40px|true|true\u00bb custom_css_free_form=\u00bb@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||.et_pb_button_0_wrapper {||    position: relative;||    bottom: 32%!important;||    left: -10px!important;||}||}\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|desktop\u00bb button_bg_color__hover=\u00bbRGBA(255,255,255,0)\u00bb][\/et_pb_button][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb positioning=\u00bbrelative\u00bb vertical_offset=\u00bb-73px\u00bb custom_margin=\u00bb50px||||false|false\u00bb custom_css_free_form=\u00bb.img-420 {||    width: 200px!important;||    height: 200px!important;||}||.video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -200px;||  \twidth: 200px!important;||  \tmax-width:200px!important;||}||.position-absolute {||    position: absolute!important;||}||||.play {||    top: 35px;||    right: 275px;||    cursor: pointer;||}||||.img_play{||  \twidth:50px!important;||    height:50px!important;||}||||@media all and (min-width: 2300) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: 35%!important;||    cursor: pointer;||}||}||||@media all and (min-width: 1820px) and (max-width: 2300px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: 25%!important;||    cursor: pointer;||}||}||@media all and (min-width: 1670px) and (max-width: 1820px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: 10%!important;||    cursor: pointer;||}||}||@media all and (min-width: 1560px) and (max-width: 1670px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: 3%!important;||    cursor: pointer;||}||}||@media all and (min-width: 1480px) and (max-width: 1560px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -5%!important;||    cursor: pointer;||}||}||@media all and (min-width: 1430px) and (max-width: 1480px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -10%!important;||    cursor: pointer;||}||}||@media all and (min-width: 1366px) and (max-width: 1430px) {||.contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -17%!important;||    cursor: pointer;||}||}||@media (min-width: 1300px) and (max-width: 1400px) and (orientation: landscape) {|| .contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -17%!important;||    cursor: pointer;||}||}||@media (min-width: 1240px) and (max-width: 1300px) and (orientation: landscape) {|| .contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -31%!important;||    cursor: pointer;||}||}||@media (min-width: 1100px) and (max-width: 1240px) and (orientation: landscape) {|| .contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -48%!important;||    cursor: pointer;||}||}||@media (min-width: 1024px) and (max-width: 1100px) and (orientation: landscape) {|| .contacontes{||   margin-left: 66px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -75%!important;||    cursor: pointer;||}||}||||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {|| .contacontes{||   margin-left: 40px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: -45%!important;||    cursor: pointer;||}||}||||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||  .contacontes{||   margin-left: 40px!important;||  }||.img_play{||  \twidth:50px!important;||    height:50px!important;||    top: 25px!important;||  \tright: 0px!important;||  \tz-index:20!important;||}||||.play {||    top: 25px;||  \tmargin-top:0px!important;||  \tmargin-left:0px!important;||  \tright: 38%;||    cursor: pointer;||}||}\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div class=\"position-relative contacontes\">\n<div class=\"container-video\">\n<p><img decoding=\"async\" class=\"img-420 img-video\" alt=\"Contacontes\" src=\"https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/sonrisa-videos.png\" \/><br \/><video class=\"video-circular img-420\" preload=\"none\" style=\"display: none;\"><source src=\"https:\/\/storytic.upf.edu\/aula\/content\/video\/Presentacio-Caterina.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<\/div>\n<div class=\"position-absolute play\"><img decoding=\"async\" class=\"img_play\" src=\"https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play20Circle.png\" alt=\"Play\" \/><\/div>\n<\/div>\n<p>[\/et_pb_text][et_pb_button button_text=\u00bb \u00bb button_alignment=\u00bbright\u00bb module_class=\u00bbrv-button closed\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb21px\u00bb button_bg_image=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogo.png\u00bb button_border_width=\u00bb0px\u00bb button_border_color=\u00bbRGBA(255,255,255,0)\u00bb button_border_radius=\u00bb0px\u00bb button_letter_spacing=\u00bb0px\u00bb button_use_icon=\u00bboff\u00bb position_origin_a=\u00bbtop_right\u00bb vertical_offset=\u00bb-63px\u00bb horizontal_offset=\u00bb280px\u00bb z_index=\u00bb100&#8243; custom_padding=\u00bb25px|25px|25px|25px|true|true\u00bb custom_css_free_form=\u00bb@media all and (min-width: 2300) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: 27%!important;||    left: 0px!important;||  \tz-index:21;||}||}||||@media all and (min-width: 1820px) and (max-width: 2300px) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: 10%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media all and (min-width: 1500px) and (max-width: 1820px) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -7%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media all and (min-width: 1366px) and (max-width: 1500px) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -17%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 1300px) and (max-width: 1400px) and (orientation: landscape) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -17%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 1240px) and (max-width: 1300px) and (orientation: landscape) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -31%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 1100px) and (max-width: 1240px) and (orientation: landscape) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -48%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 1024px) and (max-width: 1100px) and (orientation: landscape) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -75%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: -40%!important;||    left: 0px!important;||  \tz-index:21;||}||}||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||.et_pb_button_1_wrapper {||    position: absolute!important;||    top: -63px;||    bottom: auto;||    right: 30%!important;||    left: 0px!important;||  \tz-index:21;||}||}\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|hover\u00bb button_bg_image__hover=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogoDes.png\u00bb button_bg_enable_image__hover=\u00bbon\u00bb][\/et_pb_button][et_pb_text module_id=\u00bbreveal\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbMontserrat||||||||\u00bb text_text_color=\u00bb#1a554e\u00bb text_font_size=\u00bb20px\u00bb text_line_height=\u00bb1em\u00bb background_color=\u00bb#d8dcc4&#8243; positioning=\u00bbabsolute\u00bb horizontal_offset=\u00bb-100px\u00bb z_index=\u00bb1&#8243; width=\u00bb280px\u00bb height=\u00bb250px\u00bb custom_margin=\u00bb210px|0px|0px|60px|false|false\u00bb custom_padding=\u00bb20px|30px|20px|30px|false|true\u00bb custom_css_free_form=\u00bb.close-button {||    font-size: 20px;||    color: #1A554E;||    padding: 10px;||  \tmargin-right: -20px;||    border-radius: 10px;||  \tcursor: pointer;||}||@media (min-width: 2001px) {||#reveal {||  width: 150%;  ||  max-width: 330px !important;||  margin-right: 0px !important;||  margin-left: 100px !important;||  height: 100% !important;||  max-height: 310px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 250px !important;||  font-size: 24px !important;||}||}||@media (min-width: 1501px) and (max-width: 2000px){||#reveal {||  width: 150%;  ||  max-width: 290px !important;||  margin-right: 0px !important;||  margin-left: 120px !important;||  height: 100% !important;||  max-height: 280px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 220px !important;||  overflow: auto !important;||  font-size: 17px !important;||}||}||@media (min-width: 1367px) and (max-width: 1500px){||#reveal {||  width: 150%;  ||  max-width: 280px !important;||  margin-right: 0px !important;||  margin-left: 120px !important;||  height: 100% !important;||  max-height: 260px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 200px !important;||  overflow: auto !important;||  font-size: 14px!important;||\tline-height: 1.2!important;||}||}||@media (min-width: 980px) and (max-width: 1023px) and (orientation: landscape) {||#reveal {||  width: 150%;  ||  max-width: 280px !important;||  margin-right: 0px !important;||  margin-left: 120px !important;||  height: 100% !important;||  max-height: 220px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 160px !important;||  overflow: auto !important;||  font-size: 14px !important;||}||}||@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {||#reveal {||  width: 150%;  ||  max-width: 280px !important;||  margin-right: 0px !important;||  margin-left: 120px !important;||  margin-top: 190px !important;||  height: 100% !important;||  max-height: 220px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 160px !important;||  font-size: 13px!important;||\tline-height: 1.2!important;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||#reveal {||  width: 150%;||  max-width: 280px !important;||  margin-right: 0px !important;||  margin-left: 60% !important;||  margin-top: 260px !important;||  height: 100% !important;||  max-height: 270px !important;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 14px!important;||}||}||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||#reveal {||  width: 100%;||  max-width: 280px !important;||  margin-right: 0px !important;||  margin-left: 100px !important;||  margin-top: 200px !important;||  height: 100% !important;||  max-height: 270px !important;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 14px !important;||}||}\t\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p style=\"text-align: right; margin-bottom: 10px!important; padding: 0px!important;\"><span class=\"rv-button closed close-button\">x<\/span><\/p>\n<div class=\"scrollable_text2\">\n<p style=\"text-align: center;\"><span>\u00a1Hola!<\/span><br \/><span>Soy Caterina, vuestra cuentacuentos.<\/span><br \/><span>Quiero presentaros un amigo muy simp\u00e1tico y peludo.<\/span><br \/><span>Se llama Meloix.<\/span><br \/><span>\u00bfQuer\u00e9is conocerlo?<\/span><br \/><span>Pulsa el bot\u00f3n RA para activar la c\u00e1mara y poder saludar y tocar a Meloix.<\/span><\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_6,1_6,1_6,1_6,1_6,1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb positioning=\u00bbfixed\u00bb position_origin_f=\u00bbbottom_center\u00bb z_index=\u00bb20&#8243; width=\u00bb90%\u00bb max_width=\u00bb2560px\u00bb height=\u00bb60px\u00bb custom_margin=\u00bb||20px||false|false\u00bb custom_padding=\u00bb3px||0px||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb positioning=\u00bbnone\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_icon font_icon=\u00bb&#x34;||divi||400&#8243; icon_color=\u00bb#fadc50&#8243; icon_width=\u00bb32px\u00bb url=\u00bbhttps:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-01\/\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#1a554e\u00bb custom_padding=\u00bb10px|20px|10px|15px|true|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_icon][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; disabled_on=\u00bboff|on|off\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; disabled_on=\u00bboff|on|off\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; disabled_on=\u00bboff|on|off\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_button button_url=\u00bbhttps:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-03\/\u00bb button_text=\u00bbVeure RA\u00bb button_alignment=\u00bbright\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_color=\u00bb#FFFFFF\u00bb button_bg_color=\u00bb#ec6820&#8243; button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb10px\u00bb button_font=\u00bb|||on|on|||RGBA(255,255,255,0)|\u00bb button_use_icon=\u00bboff\u00bb background_layout=\u00bbdark\u00bb custom_padding=\u00bb10px||10px||true|true\u00bb custom_css_free_form=\u00bb.et_pb_button_2{||  padding-right: 30px;||  padding-left: 30px;||}||@media all and (min-width: 1024px) and (max-width: 1434px){||.et_pb_button_2{||  width:150px!important;||  margin-left: -150px!important;||  padding-right: 10px!important;||  padding-left: 10px!important;||}||}\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|desktop\u00bb button_bg_color__hover=\u00bb#216860&#8243; button_bg_enable_color__hover=\u00bbon\u00bb][\/et_pb_button][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_button button_url=\u00bbhttps:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-04\/\u00bb button_text=\u00bbSaltar RA\u00bb button_alignment=\u00bbright\u00bb admin_label=\u00bbButton\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_color=\u00bb#fadc50&#8243; button_bg_color=\u00bb#1a554e\u00bb button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb10px\u00bb button_font=\u00bb|||on|on|||RGBA(255,255,255,0)|\u00bb button_use_icon=\u00bboff\u00bb background_layout=\u00bbdark\u00bb custom_padding=\u00bb10px||10px||true|true\u00bb custom_css_free_form=\u00bb.et_pb_button_3{||  padding-right: 30px;||  padding-left: 30px;||}||@media all and (min-width: 1024px) and (max-width: 1460px){||.et_pb_button_3{||  width:160px!important;||  margin-left: -20px!important;||  padding-right: 5px!important;||  padding-left: 5px!important;||}||}\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|desktop\u00bb button_bg_color__hover=\u00bb#216860&#8243; button_bg_enable_color__hover=\u00bbon\u00bb][\/et_pb_button][et_pb_code admin_label=\u00bbCode\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function() {<!-- [et_pb_line_break_holder] -->jQuery('#reveal').hide();<!-- [et_pb_line_break_holder] -->      if (jQuery('.video-remove-controls .et_pb_video_box').length !== 0) { <!-- [et_pb_line_break_holder] -->        jQuery('.video-remove-controls .et_pb_video_box').find('video').removeAttr('controls');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->jQuery('.rv-button').click(function(e){<!-- [et_pb_line_break_holder] -->e.preventDefault();jQuery(\"#reveal\").slideToggle();<!-- [et_pb_line_break_holder] -->jQuery('.rv-button').toggleClass('opened closed');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->\/\/ Funci\u00c3\u00b3n para cambiar imagen por video en redondo<!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const playImage = document.querySelector(\".play img\"); \/\/ Capturamos el play<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\".presentation video\"); \/\/ Capturamos el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->    const contacontesImage = document.querySelector(\".img-video\"); \/\/ Capturamos la imagen que se ha de cambiar por el video<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Creamos una variable para saber si est\u00c3\u00a1 en play el video o no<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    playImage.addEventListener(\"click\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"block\";  \/\/ Show the video<!-- [et_pb_line_break_holder] -->        contacontesImage.style.display = \"none\";  \/\/ Hide the image<!-- [et_pb_line_break_holder] -->        if(!play){ <!-- [et_pb_line_break_holder] -->            videoElement.play();\/\/Play the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('..\/..\/..\/content\/img\/PlayCircleDes.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->            play = true;<!-- [et_pb_line_break_holder] -->        }else{<!-- [et_pb_line_break_holder] -->            videoElement.pause();  \/\/ Pause the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('..\/..\/..\/content\/img\/Play Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->            play = false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"ended\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"none\";  \/\/ Hide the video<!-- [et_pb_line_break_holder] -->        contacontesImage.style.display = \"flex\";  \/\/ Show the image<!-- [et_pb_line_break_holder] -->        playImage.src = ('..\/..\/..\/content\/img\/Play Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->        play = false;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const playImage = document.querySelector(\".play img\"); \/\/ Capturamos el play<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\"video\"); \/\/ Capturamos el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->  \/\/  const contacontesImage = document.querySelector(\".presentation .img-video\"); \/\/ Capturamos la imagen que se ha de cambiar por el video<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Creamos una variable para saber si est\u00c3\u00a1 en play el video o no<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    playImage.addEventListener(\"click\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"block\";  \/\/ Show the video<!-- [et_pb_line_break_holder] -->     \/\/   contacontesImage.style.display = \"none\";  \/\/ Hide the image<!-- [et_pb_line_break_holder] -->        if(!play){ <!-- [et_pb_line_break_holder] -->            videoElement.play();\/\/Play the video<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->            playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png');\/\/ Change image<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->playImage.srcset=\"\"<!-- [et_pb_line_break_holder] -->            play = true;<!-- [et_pb_line_break_holder] -->        }else{<!-- [et_pb_line_break_holder] -->            videoElement.pause();  \/\/ Pause the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->          playImage.srcset=\"\"<!-- [et_pb_line_break_holder] -->            play = false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"ended\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"none\";  \/\/ Hide the video<!-- [et_pb_line_break_holder] -->      \/\/  contacontesImage.style.display = \"flex\";  \/\/ Show the image<!-- [et_pb_line_break_holder] -->        playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->        play = false;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() { \/\/ Cuando carga el DOM<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\"video\"); \/\/ Capturamos el video<!-- [et_pb_line_break_holder] -->    const pauseButton = document.querySelector(\".play img\"); \/\/ Capturamos la imagen de play<!-- [et_pb_line_break_holder] -->    const fullscreenButton = document.querySelector(\".fullscreen\"); \/\/ Capturamos la imagen de ampliar<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Variable para saber si est\u00c3\u00a1 en play el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Funci\u00c3\u00b3n para poner y parar el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->    pauseButton.addEventListener(\"click\", function() { \/\/ A\u00c3\u00b1adimos el evento click<!-- [et_pb_line_break_holder] -->        if (!play) { \/\/ Si no est\u00c3\u00a1 en marcha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            videoElement.play(); \/\/ ...Pone en maercha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png'; \/\/ ... Y cambia la imagen de play por la de pausa...<!-- [et_pb_line_break_holder] -->            play = true; \/\/ ...Cambia el let a play<!-- [et_pb_line_break_holder] -->        } else { \/\/ Si est\u00c3\u00a1 en marcha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            videoElement.pause(); \/\/ ...Pausa el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png'; \/\/ ... Cambia la imagen de pausa por la de play...<!-- [et_pb_line_break_holder] -->            play = false; \/\/ ... cambia la variable a false (no reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"playing\", function() { \/\/ A\u00c3\u00b1ade el evento para cuando se reinicia el v\u00c3\u00addeo despu\u00c3\u00a9s de una pausa<!-- [et_pb_line_break_holder] -->        pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png'; \/\/ Cambia la imagen de play a pausa<!-- [et_pb_line_break_holder] -->      \tpauseButton.srcset = '';<!-- [et_pb_line_break_holder] -->        pauseButton.setAttribute(\"alt\", \"pause\"); \/\/ cambia el alt de la imagen<!-- [et_pb_line_break_holder] -->        play = true; \/\/ Cambia el let de play a true (reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"pause\", function() { \/\/ A\u00c3\u00b1ade el evento para cuando se pausa el v\u00c3\u00addeo o se termina el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->        pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png'; \/\/ Cambiar la imagen de pausa a play<!-- [et_pb_line_break_holder] -->      \tpauseButton.srcset = '';<!-- [et_pb_line_break_holder] -->        pauseButton.setAttribute(\"alt\", \"play\"); \/\/ cambia el alt de la imagen<!-- [et_pb_line_break_holder] -->        play = false; \/\/ Cambia el let de play a false (no reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  if(fullscreenButton) {<!-- [et_pb_line_break_holder] -->    \/\/  Funci\u00c3\u00b3n para pantalla completa del video<!-- [et_pb_line_break_holder] -->    fullscreenButton.addEventListener(\"click\", function() { <!-- [et_pb_line_break_holder] -->        if (videoElement.requestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.requestFullscreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.mozRequestFullScreen) {<!-- [et_pb_line_break_holder] -->            videoElement.mozRequestFullScreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.webkitRequestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.webkitRequestFullscreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.msRequestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.msRequestFullscreen();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->});  <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>x Hola!Soc la Caterina, la vostra contacontes.Us vull presentar un amic molt simp\u00e0tic i pelut.Es diu Meloix.El voleu con\u00e8ixer?Clica el bot\u00f3 RA per activar la c\u00e0mera i poder saludar i tocar en Meloix.<\/p>","protected":false},"author":3,"featured_media":0,"parent":2031,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1948","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/comments?post=1948"}],"version-history":[{"count":242,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1948\/revisions"}],"predecessor-version":[{"id":6198,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1948\/revisions\/6198"}],"up":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/2031"}],"wp:attachment":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/media?parent=1948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}