{"id":1576,"date":"2024-04-22T13:42:57","date_gmt":"2024-04-22T13:42:57","guid":{"rendered":"https:\/\/elearning.remacproject.eu\/?page_id=1576"},"modified":"2024-04-23T06:34:55","modified_gmt":"2024-04-23T06:34:55","slug":"elementor-1576","status":"publish","type":"page","link":"https:\/\/elearning.remacproject.eu\/?page_id=1576&lang=it","title":{"rendered":"AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1576\" class=\"elementor elementor-1576\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61416468 e-flex e-con-boxed e-con e-parent\" data-id=\"61416468\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7555bef0 elementor-widget elementor-widget-text-editor\" data-id=\"7555bef0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 25-07-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><!-- wp:columns --><\/p><div><p><!-- wp:column {\"width\":\"66.66%\"} --><\/p><h1 style=\"flex-basis: 66.66%;\"><b><i><img decoding=\"async\" src=\"http:\/\/elearning.remacproject.eu\/wp-content\/uploads\/2024\/04\/ROBOTOULIS_remac_80424_mk-01-294x300.png\" alt=\"\" width=\"186\" height=\"189\" \/>\u00a0 \u00a0 \u00a0 Roboinsegnante!<\/i><\/b><\/h1><div style=\"flex-basis: 33.33%;\"><p><!-- \/wp:image --><\/p><\/div><p><!-- \/wp:column --><\/p><\/div><p><!-- \/wp:columns --><!-- wp:paragraph --><\/p><style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #eef6fb; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #eef6fb; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #e0fbfc;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #3d5a80;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #eef6fb;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #3d5a80;\n        background: #98c1d9;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #98c1d9;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #3d5a80;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #e0fbfc;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #293241;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #293241;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #293241;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #98c1d9;\n        background-color: #eef6fb;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #3d5a80;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #3d5a80;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #293241;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #293241;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #293241;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #98c1d9;\n        color: #495057;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#e0fbfc\"\n     data-color=\"#3d5a80\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"0\"\n     data-user-avatar=\"https:\/\/elearning.remacproject.eu\/wp-content\/plugins\/gpt3-ai-content-generator\/admin\/images\/default_profile.png\"\n     data-you=\"Alunna\"\n     data-ai-avatar=\"https:\/\/elearning.remacproject.eu\/wp-content\/plugins\/gpt3-ai-content-generator\/admin\/images\/chatbot.png\"\n     data-ai-name=\"Roboinsegnante\"\n     data-ai-bg-color=\"#98c1d9\"\n     data-nonce=\"e3b9297337\"\n     data-post-id=\"1576\"\n     data-url=\"https:\/\/elearning.remacproject.eu\"\n     data-bot-id=\"1575\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-type=\"shortcode\"\n>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #3d5a80; font-size: 13px; background-color: #98c1d9\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    Roboinsegnante:                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Ciao! Puoi scrivere il tuo saggio e io posso fornirti le correzioni                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #293241;\">Roboinsegnante sta pensando&#8230;&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Scrivi il messaggio...\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n        <span class=\"wpaicg-mic-icon\" data-type=\"shortcode\" role=\"button\" aria-label=\"Mic\" tabindex=\"0\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg>\n        <\/span>\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"cb3031e52e\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>\u00a0 \u00a0 \u00a0 Roboinsegnante!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1576","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/elearning.remacproject.eu\/?author=1"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/elearning.remacproject.eu\/?lang=it\" rel=\"tag\">Italiano<\/a>","rttpg_excerpt":"\u00a0 \u00a0 \u00a0 Roboinsegnante!","_links":{"self":[{"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/pages\/1576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1576"}],"version-history":[{"count":5,"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/pages\/1576\/revisions"}],"predecessor-version":[{"id":1590,"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=\/wp\/v2\/pages\/1576\/revisions\/1590"}],"wp:attachment":[{"href":"https:\/\/elearning.remacproject.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}