{"id":296071,"date":"2024-05-09T10:38:18","date_gmt":"2024-05-09T13:38:18","guid":{"rendered":"https:\/\/www.rio2c.com\/?page_id=296071"},"modified":"2024-05-09T10:38:20","modified_gmt":"2024-05-09T13:38:20","slug":"programacao","status":"publish","type":"page","link":"https:\/\/content.rio2c.com\/en\/programacao\/","title":{"rendered":"Programa\u00e7\u00e3o"},"content":{"rendered":"\r\n<section class=\"days\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-12\">\r\n                <div class=\"row mb-5\">\r\n                    <div class=\"col-sm-6\">\r\n                        <ul class=\"nav nav-tabs\">\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link active\" data-conference-date=\"2024-06-04\">Day 04<\/p>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link \" data-conference-date=\"2024-06-05\">Day 05<\/p>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link \" data-conference-date=\"2024-06-06\">Day 06<\/p>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link \" data-conference-date=\"2024-06-07\">Day 07<\/p>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link \" data-conference-date=\"2024-06-08\">Day 08<\/p>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <p class=\"nav-link \" data-conference-date=\"2024-06-09\">Day 09<\/p>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"col-sm-6\">\r\n                        <ul class=\"nav nav-tabs\">\r\n                            <li class=\"nav-item\">\r\n                                <select name=\"\" id=\"room_select\" class=\"filter_select\">\r\n                                    <option value=\"\" disabled selected>Filter by Stage<\/option>\r\n                                    <option value=\"todos\"><a class=\"nav-link\" href=\"#\">ALL<\/a><\/option>\r\n                                                                    <\/select>\r\n                            <\/li>\r\n                            <li class=\"nav-item\">\r\n                                <select name=\"\" id=\"category_select\" class=\"filter_select\">\r\n                                    <option value=\"\" disabled selected>Categories<\/option>\r\n                                    <option value=\"todos\">ALL<\/option>\r\n                                                                            <option value=\"Arquitetura e Urbanismo\">Architecture and Urban Planning<\/option>\r\n                                                                            <option value=\"Arte e Cultura\">Art and Culture<\/option>\r\n                                                                            <option value=\"Audiovisual\">Audiovisual<\/option>\r\n                                                                            <option value=\"Awareness\">Awareness<\/option>\r\n                                                                            <option value=\"Branding\">Branding<\/option>\r\n                                                                            <option value=\"Ci\u00eancia\">Science<\/option>\r\n                                                                            <option value=\"Comportamento\">Behavior<\/option>\r\n                                                                            <option value=\"Consumo\">Consumption<\/option>\r\n                                                                            <option value=\"Creator Economy\">Creator Economy<\/option>\r\n                                                                            <option value=\"Criatividade\">Creativity<\/option>\r\n                                                                            <option value=\"Diversidade e Inclus\u00e3o\">Diversity and Inclusion<\/option>\r\n                                                                            <option value=\"Educa\u00e7\u00e3o e Trabalho\">Education and Work<\/option>\r\n                                                                            <option value=\"Empreendedorismo e Lideran\u00e7a\">Entrepreneurship nd Leadership<\/option>\r\n                                                                            <option value=\"Esportes\">Sports<\/option>\r\n                                                                            <option value=\"Futuro\">Future<\/option>\r\n                                                                            <option value=\"Games\">Games<\/option>\r\n                                                                            <option value=\"Impacto Social\">Social Impact<\/option>\r\n                                                                            <option value=\"Inova\u00e7\u00e3o\">Innovation<\/option>\r\n                                                                            <option value=\"Intelig\u00eancia Artificial\">A.I.<\/option>\r\n                                                                            <option value=\"M\u00eddia e Entretenimento\">Media and Entertainment<\/option>\r\n                                                                            <option value=\"Moda e Design\">Fashion and Design<\/option>\r\n                                                                            <option value=\"Neg\u00f3cios\">Business<\/option>\r\n                                                                            <option value=\"Neuroci\u00eancia\">Neuroscience<\/option>\r\n                                                                            <option value=\"Publicidade e Marketing\">Advertising and Marketing<\/option>\r\n                                                                            <option value=\"Sa\u00fade e bem-estar\">Health and well-being<\/option>\r\n                                                                            <option value=\"Storytelling\">Storytelling<\/option>\r\n                                                                            <option value=\"Sustentabilidade\">Sustainability<\/option>\r\n                                                                            <option value=\"Tecnologia\">Technology<\/option>\r\n                                                                            <option value=\"Tend\u00eancias\">Trends<\/option>\r\n                                                                    <\/select>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"cards\">\r\n    <div class=\"container\">\r\n        <div class=\"bloco-horario\">\r\n            \r\n                        \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n    .days {\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .card-item {\r\n        padding: 30px 25px;\r\n        border: 1px solid #d5d5d5;\r\n        border-radius: 10px;\r\n        transition: .3s;\r\n        cursor: pointer;\r\n        margin: 10px 0;\r\n    }\r\n\r\n    .card-item:hover {\r\n        -webkit-box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.17);\r\n        box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.17);\r\n    }\r\n\r\n    .card-item h2 {\r\n        font-size: 1.3rem;\r\n        font-weight: bold;\r\n        color: #ed4e92;\r\n        max-width: 700px;\r\n        overflow: hidden;\r\n        white-space: pre-wrap;\r\n        \/* Don't forget this one *\/\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .item-info {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .item-info p {\r\n        margin-right: 10px;\r\n        font-weight: bold;\r\n        margin-bottom: .5rem;\r\n        color: #a1a1a1;\r\n    }\r\n\r\n    .item-info p:first-child {\r\n        color: #000000;\r\n    }\r\n\r\n    .palestrantes_container {\r\n        display: flex;\r\n        align-items: center;\r\n        max-width: ;\r\n    }\r\n\r\n    .palestrante-item {\r\n        margin-right: 20px;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        width: 30%;\r\n    }\r\n\r\n    .palestrante-item img {\r\n        border-radius: 50px;\r\n        max-width: 80px;\r\n        max-height: 80px;\r\n    }\r\n\r\n    .palestrante-info {\r\n        margin-left: 10px;\r\n    }\r\n\r\n    .palestrante-info p {\r\n        margin: 0;\r\n        padding: 0;\r\n        color: #a1a1a1;\r\n    }\r\n\r\n    .palestrante-info p:first-child {\r\n        margin: 0;\r\n        padding: 0;\r\n        color: black;\r\n    }\r\n\r\n    .hour-divider {\r\n        margin: 20px 0;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .hour-divider h3 {\r\n        margin-right: 10px;\r\n        font-size: 1.2rem;\r\n        color: #a1a1a1;\r\n    }\r\n\r\n    .hour-divider .line {\r\n        height: 1px;\r\n        background-color: #a1a1a1;\r\n        width: 90%;\r\n    }\r\n\r\n    .nav-link:hover {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .nav-item select {\r\n        padding: 10px;\r\n        border: none;\r\n        outline: none;\r\n    }\r\n\r\n    .categorys {\r\n        display: flex;\r\n        margin-bottom: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .categoryopt {\r\n        padding: 2.5px 10px;\r\n        border-radius: 24px;\r\n        border: 1px solid;\r\n        margin: 5px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .nav-link.active {\r\n        background-color: #ed1379 !important;\r\n        color: #fff !important;\r\n    }\r\n\r\n    @media(max-width: 991px) {\r\n        .palestrantes_container {\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .palestrante-item {\r\n            width: 35%;\r\n        }\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n\r\n        .palestrante-item {\r\n            width: 80%;\r\n            margin: 10px 0;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    let filters_select = document.querySelectorAll('.filter_select');\r\n    let cat = document.querySelector('#category_select');\r\n    let room = document.querySelector('#room_select');\r\n    filters_select.forEach(selecter => {\r\n        selecter.addEventListener('change', () => {\r\n            const event = document.querySelectorAll('.card-item');\r\n            const hour = document.querySelectorAll('.hour-divider');\r\n            var value = cat.value;\r\n            var stageSelectValue = room.value;\r\n\r\n            event.forEach(element => {\r\n                element.style.display = 'block';\r\n            })\r\n\r\n            if (value != '' && stageSelectValue != '') {\r\n                if (value == 'todos' && stageSelectValue == 'todos') {\r\n                    event.forEach((element) => {\r\n                        element.style.display = \"block\";\r\n                        hour.forEach(hours => {\r\n                            hours.style.display = \"block\";\r\n                        });\r\n                    })\r\n                } else if (value != 'todos' && stageSelectValue == 'todos') {\r\n                    if (event.length > 0) {\r\n                        event.forEach((element) => {\r\n                            var text = element.textContent;\r\n                            if (text.includes(value)) {\r\n                                element.style.display = \"block\";\r\n                                hour.forEach(hours => {\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n\r\n                            } else {\r\n                                element.style.display = \"none\";\r\n                                hour.forEach(hours => {\r\n                                    console.log(hours);\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n                            }\r\n                        })\r\n                    }\r\n                } else if (value == 'todos' && stageSelectValue != 'todos') {\r\n                    if (event.length > 0) {\r\n                        event.forEach((element) => {\r\n                            var text = element.textContent;\r\n                            if (text.includes(stageSelectValue)) {\r\n                                element.style.display = \"block\";\r\n                                hour.forEach(hours => {\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n\r\n                            } else {\r\n                                element.style.display = \"none\";\r\n                                hour.forEach(hours => {\r\n                                    console.log(hours);\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n                            }\r\n                        })\r\n                    }\r\n                } else {\r\n                    if (event.length > 0) {\r\n                        event.forEach((element) => {\r\n                            var text = element.textContent;\r\n                            if (text.includes(value) && text.includes(stageSelectValue)) {\r\n                                element.style.display = \"block\";\r\n                                hour.forEach(hours => {\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n\r\n                            } else {\r\n                                element.style.display = \"none\";\r\n                                hour.forEach(hours => {\r\n                                    console.log(hours);\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n                            }\r\n                        })\r\n                    }\r\n                }\r\n            } else if (value != '' && stageSelectValue == '') {\r\n                if (value == 'todos') {\r\n                    event.forEach((element) => {\r\n                        element.style.display = \"block\";\r\n                        hour.forEach(hours => {\r\n                            hours.style.display = \"block\";\r\n                        });\r\n                    })\r\n                } else {\r\n                    if (event.length > 0) {\r\n                        event.forEach((element) => {\r\n                            var text = element.textContent;\r\n                            if (text.includes(value)) {\r\n                                element.style.display = \"block\";\r\n                                hour.forEach(hours => {\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n\r\n                            } else {\r\n                                element.style.display = \"none\";\r\n                                hour.forEach(hours => {\r\n                                    console.log(hours);\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n                            }\r\n                        })\r\n                    }\r\n                }\r\n            } else if (value == '' && stageSelectValue != '') {\r\n                if (stageSelectValue == 'todos') {\r\n                    event.forEach((element) => {\r\n                        element.style.display = \"block\";\r\n                        hour.forEach(hours => {\r\n                            hours.style.display = \"block\";\r\n                        });\r\n                    })\r\n                } else {\r\n                    if (event.length > 0) {\r\n                        event.forEach((element) => {\r\n                            var text = element.textContent;\r\n                            if (text.includes(stageSelectValue)) {\r\n                                element.style.display = \"block\";\r\n                                hour.forEach(hours => {\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n\r\n                            } else {\r\n                                element.style.display = \"none\";\r\n                                hour.forEach(hours => {\r\n                                    console.log(hours);\r\n                                    hours.style.display = \"none\";\r\n                                });\r\n                            }\r\n                        })\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    })\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-programacao-new.php","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rio2C - It is all connected - Programa\u00e7\u00e3o<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/content.rio2c.com\/en\/programacao\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rio2C - It is all connected - Programa\u00e7\u00e3o\" \/>\n<meta property=\"og:url\" content=\"https:\/\/content.rio2c.com\/en\/programacao\/\" \/>\n<meta property=\"og:site_name\" content=\"Rio2C - It is all connected\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-09T13:38:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/content.rio2c.com\/en\/programacao\/\",\"url\":\"https:\/\/content.rio2c.com\/en\/programacao\/\",\"name\":\"Rio2C - It is all connected - Programa\u00e7\u00e3o\",\"isPartOf\":{\"@id\":\"https:\/\/content.rio2c.com\/en\/#website\"},\"datePublished\":\"2024-05-09T13:38:18+00:00\",\"dateModified\":\"2024-05-09T13:38:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/content.rio2c.com\/en\/programacao\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/content.rio2c.com\/en\/programacao\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/content.rio2c.com\/en\/programacao\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/content.rio2c.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programa\u00e7\u00e3o\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/content.rio2c.com\/en\/#website\",\"url\":\"https:\/\/content.rio2c.com\/en\/\",\"name\":\"Rio2C - It is all connected\",\"description\":\"Rio2C 2024 - De 03 a 09 de junho, na Cidade das Artes, Rio de Janeiro.\",\"publisher\":{\"@id\":\"https:\/\/content.rio2c.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/content.rio2c.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/content.rio2c.com\/en\/#organization\",\"name\":\"Rio2C\",\"url\":\"https:\/\/content.rio2c.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/content.rio2c.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rio2c.com\/wp-content\/uploads\/2019\/10\/logo-short.png\",\"contentUrl\":\"https:\/\/www.rio2c.com\/wp-content\/uploads\/2019\/10\/logo-short.png\",\"width\":82,\"height\":85,\"caption\":\"Rio2C\"},\"image\":{\"@id\":\"https:\/\/content.rio2c.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rio2C - It is all connected - Programa\u00e7\u00e3o","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/content.rio2c.com\/en\/programacao\/","og_locale":"en_US","og_type":"article","og_title":"Rio2C - It is all connected - Programa\u00e7\u00e3o","og_url":"https:\/\/content.rio2c.com\/en\/programacao\/","og_site_name":"Rio2C - It is all connected","article_modified_time":"2024-05-09T13:38:20+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/content.rio2c.com\/en\/programacao\/","url":"https:\/\/content.rio2c.com\/en\/programacao\/","name":"Rio2C - It is all connected - Programa\u00e7\u00e3o","isPartOf":{"@id":"https:\/\/content.rio2c.com\/en\/#website"},"datePublished":"2024-05-09T13:38:18+00:00","dateModified":"2024-05-09T13:38:20+00:00","breadcrumb":{"@id":"https:\/\/content.rio2c.com\/en\/programacao\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/content.rio2c.com\/en\/programacao\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/content.rio2c.com\/en\/programacao\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/content.rio2c.com\/en\/"},{"@type":"ListItem","position":2,"name":"Programa\u00e7\u00e3o"}]},{"@type":"WebSite","@id":"https:\/\/content.rio2c.com\/en\/#website","url":"https:\/\/content.rio2c.com\/en\/","name":"Rio2C - It is all connected","description":"Rio2C 2024 - De 03 a 09 de junho, na Cidade das Artes, Rio de Janeiro.","publisher":{"@id":"https:\/\/content.rio2c.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/content.rio2c.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/content.rio2c.com\/en\/#organization","name":"Rio2C","url":"https:\/\/content.rio2c.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/content.rio2c.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.rio2c.com\/wp-content\/uploads\/2019\/10\/logo-short.png","contentUrl":"https:\/\/www.rio2c.com\/wp-content\/uploads\/2019\/10\/logo-short.png","width":82,"height":85,"caption":"Rio2C"},"image":{"@id":"https:\/\/content.rio2c.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/pages\/296071"}],"collection":[{"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/comments?post=296071"}],"version-history":[{"count":1,"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/pages\/296071\/revisions"}],"predecessor-version":[{"id":296072,"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/pages\/296071\/revisions\/296072"}],"wp:attachment":[{"href":"https:\/\/content.rio2c.com\/en\/wp-json\/wp\/v2\/media?parent=296071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}