{"id":9898,"date":"2021-08-05T13:22:03","date_gmt":"2021-08-05T11:22:03","guid":{"rendered":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/?page_id=9898"},"modified":"2025-07-24T08:56:48","modified_gmt":"2025-07-24T06:56:48","slug":"aula_virtual","status":"publish","type":"page","link":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/aula_virtual\/","title":{"rendered":"Aula Virtual"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ca\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Aula Virtual &#8211; EOI Olot<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            padding: 20px;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-radius: 24px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            animation: slideUp 0.6s ease-out;\n        }\n\n        @keyframes slideUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .content {\n            padding: 50px 40px;\n        }\n\n        .platforms-section {\n            margin-bottom: 50px;\n        }\n\n        .section-title {\n            font-size: 2rem;\n            font-weight: 600;\n            color: #1f2937;\n            text-align: center;\n            margin-bottom: 15px;\n        }\n\n        .section-subtitle {\n            font-size: 1.1rem;\n            color: #6b7280;\n            text-align: center;\n            margin-bottom: 40px;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .platforms-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .platform-card {\n            background: white;\n            border-radius: 20px;\n            padding: 30px;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .platform-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n        }\n\n        .platform-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n        }\n\n        .moodle-card::before {\n            background: linear-gradient(90deg, #ff6b35, #f7931e);\n        }\n\n        .classroom-card::before {\n            background: linear-gradient(90deg, #4285f4, #34a853);\n        }\n\n        .platform-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n\n        .platform-logo {\n            width: 60px;\n            height: 60px;\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8rem;\n            margin-right: 20px;\n            color: white;\n            font-weight: 600;\n        }\n\n        .moodle-card .platform-logo {\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\n        }\n\n        .classroom-card .platform-logo {\n            background: linear-gradient(135deg, #4285f4, #34a853);\n        }\n\n        .platform-name {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .platform-description {\n            color: #4b5563;\n            line-height: 1.6;\n            margin-bottom: 25px;\n        }\n\n        .locations-section {\n            background: #f8fafc;\n            border-radius: 15px;\n            padding: 20px;\n            margin-top: 15px;\n        }\n\n        .locations-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #1f2937;\n            text-align: center;\n            margin-bottom: 15px;\n        }\n\n        .locations-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 15px;\n        }\n\n        .location-card {\n            background: white;\n            border-radius: 15px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .location-card:hover {\n            border-color: #4f46e5;\n            transform: translateY(-3px);\n        }\n\n        .location-icon {\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #4f46e5, #7c3aed);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 10px;\n            font-size: 1.2rem;\n        }\n\n        .location-name {\n            font-size: 1rem;\n            font-weight: 600;\n            color: #1f2937;\n            margin-bottom: 10px;\n        }\n\n        .access-button {\n            background: linear-gradient(135deg, #4f46e5, #7c3aed);\n            color: white;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 10px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 0.9rem;\n        }\n\n        .access-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3);\n        }\n\n        .classroom-access {\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .classroom-access .access-button {\n            padding: 12px 25px;\n            font-size: 1rem;\n        }\n\n        @media (max-width: 768px) {\n            .content {\n                padding: 30px 20px;\n            }\n            \n            .platforms-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .platform-card {\n                padding: 25px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"content\">\n            <div class=\"platforms-section\">\n                <h2 class=\"section-title\">Plataformes Digitals<\/h2>\n                <p class=\"section-subtitle\"><strong>Cada professor\/a t&#8217;indicar\u00e0 quina plataforma s&#8217;utilitzar\u00e0 durant el curs.<\/strong><\/p>\n                \n                <div class=\"platforms-grid\">\n                    <div class=\"platform-card moodle-card\">\n                        <div class=\"platform-header\">\n                            <div class=\"platform-logo\">M<\/div>\n                            <div class=\"platform-name\">Moodle<\/div>\n                        <\/div>\n                        \n                        <div class=\"locations-section\">\n                        \n                        <div class=\"locations-section\">\n                            <h4 class=\"locations-title\">\ud83d\udccd Acc\u00e9s per Seu<\/h4>\n                            <div class=\"locations-grid\">\n                                <div class=\"location-card\">\n                                    <div class=\"location-icon\">\ud83c\udfeb<\/div>\n                                    <h5 class=\"location-name\">OLOT<\/h5>\n                                    <a href=\"https:\/\/agora-eoi.xtec.cat\/eoiolot\/moodle\/\" class=\"access-button\" target=\"_blank\" rel=\"noopener\">Accedir<\/a>\n                                <\/div>\n                                \n                                <div class=\"location-card\">\n                                    <div class=\"location-icon\">\ud83c\udf92<\/div>\n                                    <h5 class=\"location-name\">RIPOLL<\/h5>\n                                    <a href=\"https:\/\/agora-eoi.xtec.cat\/eoiripoll\/moodle\/\" class=\"access-button\" target=\"_blank\" rel=\"noopener\">Accedir<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"platform-card classroom-card\">\n                        <div class=\"platform-header\">\n                            <div class=\"platform-logo\">GC<\/div>\n                            <div class=\"platform-name\">Google Classroom<\/div>\n                        <\/div>\n                        \n                        <div class=\"classroom-access\">\n                        \n                        <div class=\"classroom-access\">\n                            <a href=\"https:\/\/classroom.google.com\" class=\"access-button\" target=\"_blank\" rel=\"noopener\">Accedir a Google Classroom<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Aula Virtual &#8211; EOI Olot Plataformes Digitals Cada professor\/a t&#8217;indicar\u00e0 quina plataforma s&#8217;utilitzar\u00e0 durant el curs. M Moodle \ud83d\udccd Acc\u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9898","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/pages\/9898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/comments?post=9898"}],"version-history":[{"count":6,"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/pages\/9898\/revisions"}],"predecessor-version":[{"id":13645,"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/pages\/9898\/revisions\/13645"}],"wp:attachment":[{"href":"https:\/\/agora-eoi.xtec.cat\/eoiolot\/wp-json\/wp\/v2\/media?parent=9898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}