SKY Widget – Stefano Monni Blog

di adminsmit ▪

on Giugno 18, 2012

</p> <div id='jp-relatedposts' class='jp-relatedposts' > <h3 class="jp-relatedposts-headline"><em>Correlati</em></h3> </div> </div> </div>   </div> </div> </div> </div> </div>  <div data-colibri-id="1842-m16" class="h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 style-87 style-local-1842-m16 position-relative"> <div class="h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3"> <div class="h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-88-outer style-local-1842-m17-outer"> <div data-colibri-id="1842-m17" class="d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-2 v-inner-md-2 v-inner-2 style-88 style-local-1842-m17 position-relative"> <div class="w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start"> <div data-colibri-id="1842-m18" class="post-nav-button hide-title style-89 style-local-1842-m18 position-relative h-element"> <div class="h-global-transition-all"> <nav class="navigation post-navigation" aria-label="Navigazione articoli"> <h2 class="screen-reader-text">Navigazione articoli</h2> <div class="nav-links"><div class="nav-previous"><a href="https://blog.stefanomonni.it/uncategorized/un-uomo-e-di-francesco-zampaglione-video-preview/" rel="prev"><span class="meta-nav" aria-hidden="true">Articolo precedente</span> <span class="post-title" title="Un Uomo e… di Francesco Zampaglione – Video Preview">Un Uomo e… di Francesco Zampaglione – Video Preview</span></a></div></div> </nav> </div> </div> </div> </div> </div> <div class="h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-90-outer style-local-1842-m19-outer"> <div data-colibri-id="1842-m19" class="d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-2 v-inner-md-2 v-inner-2 style-90 style-local-1842-m19 position-relative"> <div class="w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start"> <div data-colibri-id="1842-m20" class="post-nav-button hide-title style-347 style-local-1842-m20 position-relative h-element"> <div class="h-global-transition-all"> <nav class="navigation post-navigation" aria-label="Navigazione articoli"> <h2 class="screen-reader-text">Navigazione articoli</h2> <div class="nav-links"><div class="nav-next"><a href="https://blog.stefanomonni.it/uncategorized/timelapse-colle-del-lys-di-daniele-moretti/" rel="next"><span class="meta-nav" aria-hidden="true">Articolo successivo</span> <span class="post-title" title="Timelapse – Colle del Lys di Daniele Moretti">Timelapse – Colle del Lys di Daniele Moretti</span></a></div></div> </nav> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </div> </div> </div> <div data-colibri-component="section" data-colibri-id="1842-m25" id="comments" class="h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-92 style-local-1842-m25 position-relative"> <div class="h-section-grid-container h-section-boxed-container"> <div data-colibri-id="1842-m26" class="h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-97 style-local-1842-m26 position-relative"> <div class="h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0"> <div class="h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-98-outer style-local-1842-m27-outer"> <div data-colibri-id="1842-m27" class="d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-98 style-local-1842-m27 position-relative"> <div class="w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start"> <div data-colibri-id="1842-m28" class="style-99 style-local-1842-m28 position-relative"> <div class="h-global-transition-all blog-post-comments"> <div class="post-comments"> <h3 class="comments-title"> <span class="comments-number"> Nessuna risposta. </span> </h3> <ol class="comment-list"> </ol> </div>  <div class="comments-form"> <div class="comment-form"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Lascia un commento <small><a rel="nofollow" id="cancel-comment-reply-link" href="/uncategorized/sky-widget/#respond" style="display:none;">Annulla risposta</a></small></h3><form action="https://blog.stefanomonni.it/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Il tuo indirizzo email non sarà pubblicato.</span> <span class="required-field-message">I campi obbligatori sono contrassegnati <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Commento <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Nome <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">Sito web</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Salva il mio nome, email e sito web in questo browser per la prossima volta che commento.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="button blue small" value="Invia commento" /> <input type='hidden' name='comment_post_ID' value='438' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </div> </div> </div> <div data-colibri-id="1842-m29" class="position-relative"> <div class="h-global-transition-all"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div></div> </div>  <div class="footer footer-inner-page"> <div data-enabled="true" data-colibri-component="footer-parallax" data-colibri-id="1839-f1" class="page-footer style-59 style-local-1839-f1 position-relative"> <div data-colibri-component="section" data-colibri-id="1839-f2" id="copyright" class="h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-60 style-local-1839-f2 position-relative"> <div class="h-section-grid-container h-section-boxed-container"> <div data-colibri-id="1839-f3" class="h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-2 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-2 style-61 style-local-1839-f3 position-relative"> <div class="h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-2 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-2"> <div class="h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-62-outer style-local-1839-f4-outer"> <div data-colibri-id="1839-f4" class="d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-2 v-inner-lg-1 v-inner-md-1 v-inner-2 style-62 style-local-1839-f4 position-relative"> <div class="w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start"> <div data-colibri-id="1839-f5" class="style-63 style-local-1839-f5 position-relative h-element"> <div class="h-global-transition-all"> © 2025 Stefano Monni Blog. Creato con WordPress e con Peregrine Theme . </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script data-name="colibri-frontend-data">window.peregrineFrontendData = {"1836-h2":{"data":{"overlap":true}},"1833-h9":{"data":{"type":"horizontal"}}};</script> <div data-id="922349" id="wpaicgChat922349" class="wpaicg_chat_widget wpaicg_widget_right"> <div class="wpaicg_chat_widget_content"> <style> .wpaicg-icon-container { position: relative; margin-bottom: 30px; margin-top: 10px; } .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button { position: absolute; bottom: -25px; display: inline-block; background: none; border: none; cursor: pointer; padding: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; outline: none; } .wpaicg-copy-button { left: 10px; } .wpaicg-thumbs-up-button { left: 40px; } .wpaicg-thumbs-down-button { left: 70px; } /* Keep buttons visible when hovering over either the container or the buttons */ .wpaicg-icon-container:hover .wpaicg-copy-button, .wpaicg-icon-container:hover .wpaicg-thumbs-up-button, .wpaicg-icon-container:hover .wpaicg-thumbs-down-button, .wpaicg-copy-button:hover, .wpaicg-thumbs-up-button:hover, .wpaicg-thumbs-down-button:hover { opacity: 1; visibility: visible; } .log_notification { background: #343A40; color: #E8E8E8; font-size: 11px; font-style: italic; padding: 10px; border-radius: 5px; } .wpaicg-copy-button img, .wpaicg-thumbs-up-button img, .wpaicg-thumbs-down-button img { width: 16px; height: 16px; filter: none; /* Ensure no filter (like grayscale or color change) is applied */ color: inherit; /* Inherit the current color from the parent */ transition: none; /* Remove any transitions that might change appearance on hover */ } .wpaicg-copy-button img:hover, .wpaicg-thumbs-up-button img:hover, .wpaicg-thumbs-down-button img:hover { filter: none; /* Ensure no hover filter is applied */ color: inherit; /* Keep the color consistent on hover */ } .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button { background: none; border: none; padding: 0; cursor: pointer; color: inherit; /* Keep the color of the button consistent */ outline: none; /* Remove default browser outline on focus */ } .wpaicg-copy-button:hover, .wpaicg-thumbs-up-button:hover, .wpaicg-thumbs-down-button:hover { background: none; /* Remove any background color change on hover */ color: inherit; /* Keep the color the same on hover */ } /* Remove outline (focus border) on buttons */ .wpaicg-copy-button:focus, .wpaicg-thumbs-up-button:focus, .wpaicg-thumbs-down-button:focus { outline: none; } .wpaicg-feedback-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; justify-content: center; align-items: center; padding: 10px; /* Added padding to prevent edge cutoff */ } .wpaicg-feedback-modal { background-color: #fff; color: #333; padding: 20px; border-radius: 10px; /* Slightly increased border-radius for better aesthetics */ width: 100%; max-width: 400px; /* Max width for larger screens */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); /* Increased shadow for better visibility */ text-align: center; position: relative; /* To position the close button */ margin: 0 auto; /* Centering the modal horizontally */ box-sizing: border-box; /* Ensures padding is included in width */ } .wpaicg-feedback-modal h2 { margin-top: 0; } .wpaicg-feedback-textarea { width: 100%; height: 80px; margin: 10px 0; border-radius: 5px; } .wpaicg-feedback-modal-buttons { display: flex; justify-content: flex-end; /* Aligns the submit button to the right */ align-items: center; margin-top: 10px; } .wpaicg-feedback-message { flex-grow: 1; /* Takes up available space on the left */ margin-right: 10px; text-align: left; /* Ensures the text aligns left */ } .wpaicg-feedback-modal-submit { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; background-color: #007bff; color: #fff; margin-left: 10px; /* Adds space between the button and the message */ } .wpaicg-feedback-modal-close { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #333; cursor: pointer; } /* Media Query for Mobile Devices */ @media (max-width: 480px) { .wpaicg-feedback-modal { max-width: 95%; /* Reduce max width on smaller screens to ensure it doesn't touch the edges */ padding: 15px; margin: 0 auto; /* Ensure modal is centered */ } .wpaicg-feedback-modal-submit { padding: 8px 16px; /* Slightly smaller padding on mobile */ } .wpaicg-feedback-textarea { height: 60px; /* Reduce height on mobile */ } } /* Styling the scrollbar track (part the thumb slides within) */ .wpaicg-chatbox ::-webkit-scrollbar-track { background-color: #343A40; border-radius: 10px; } /* Styling the scrollbar thumb (the part that you drag) */ .wpaicg-chatbox ::-webkit-scrollbar-thumb { background-color: #888; /* Dark grey thumb */ border-radius: 10px; border: 3px solid #343A40; } /* Styling the scrollbar thumb on hover */ .wpaicg-chatbox ::-webkit-scrollbar-thumb:hover { background-color: #555; /* Black thumb on hover */ } /* Setting the width of the scrollbar */ .wpaicg-chatbox ::-webkit-scrollbar { width: 8px; /* Narrow width */ } /* For vertical scroll */ .wpaicg-chatbox ::-webkit-scrollbar { height: 8px; /* For horizontal scrolling */ } .wpaicg-chatbox .wpaicg-conversation-starters { display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; justify-content: center; font-size: 13px; visibility: hidden; } .wpaicg-chatbox .wpaicg-conversation-starter { background-color: #6C757D; color: #E8E8E8; border: none; border-radius: 20px; padding: 5px 10px; cursor: pointer; transition: background-color 0.3s ease; font-size: 13px; transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out; display: flex; opacity: 0; transform: translateY(20px); } .wpaicg-chatbox .wpaicg-conversation-starter:hover { filter: brightness(90%); } .wpaicg-chatbox h1, .wpaicg-chatbox h2, .wpaicg-chatbox h3, .wpaicg-chatbox h4, .wpaicg-chatbox h5, .wpaicg-chatbox h6 { color: #E8E8E8; } </style> <style> .wpaicg-img-spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(0, 0, 0, 0.1); border-left-color: #000; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .wpaicg-thumbnail-placeholder { display: none; width: 50px; height: 50px; overflow: hidden; } </style> <style> .wpaicg_chat_widget,.wpaicg_chat_widget_content{ z-index: 99999; } .wpaicg_chat_widget{ overflow: hidden; } .wpaicg_widget_open.wpaicg_chat_widget{ overflow: visible; } .wpaicg-chatbox-preview-box .wpaicg-chatbox-action-bar{ width: calc(100% - 10px); } .wpaicg_widget_open .wpaicg-chatbox-action-bar{ display: flex; } .wpaicg_chat_widget_content { /* Initial state of the chat window - hidden */ opacity: 0; transform: scale(0.9); visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s; } .wpaicg_widget_open .wpaicg_chat_widget_content { /* Visible state of the chat window */ opacity: 1; transform: scale(1); visibility: visible; transition-delay: 0s; } /* Updated shining light effect for hover without background */ @keyframes shine { 0% { background-position: -150px; } 50% { background-position: 150px; } 100% { background-position: -150px; } } .wpaicg_chat_widget .wpaicg_toggle { position: relative; overflow: hidden; transition: box-shadow 0.3s ease; } .wpaicg_chat_widget .wpaicg_toggle::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; /* Ensure gradient is completely transparent except for the shine */ background: linear-gradient(to right, transparent, rgba(255,255,255,0.8) 50%, transparent) no-repeat; transform: rotate(30deg); /* Start with the shine outside of the visible area */ background-position: -150px; } .wpaicg_chat_widget .wpaicg_toggle:hover::before { /* Apply the animation only on hover */ animation: shine 2s infinite; } .wpaicg_chat_widget .wpaicg_toggle img { display: block; transition: opacity 0.3s ease; } </style> <style> .wpaicg-chatbox { width: 300px; background-color: #343A40; border-radius: 8px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; max-width: 100%; overflow: hidden; border: 1px solid #E0E0E0; transition: box-shadow 0.3s ease; margin-right: 20px; /* Adjust as needed */ } .wpaicg-chatbox:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover for interaction feedback */ } .wpaicg-chatbox-content { overflow: hidden; flex-grow: 1; padding: 15px; /* Increased padding for more space around messages */ } .wpaicg-chatbox-content ul { overflow-y: auto; margin: 0; padding: 0; list-style: none; } .wpaicg-chatbox-content ul .wpaicg-chat-user-message { margin-left: auto; /* This pushes the user messages to the right */ background-color: #6C757D; color: #E8E8E8; font-size: 13px; margin-bottom: 20px; margin-right: 10px; padding: 10px; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); width: fit-content; } .wpaicg-chatbox-content ul .wpaicg-chat-ai-message { background-color: #495057; color: #E8E8E8; font-size: 13px; margin-bottom: 20px; margin-right: 10px; padding: 10px; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); width: fit-content; } .wpaicg_chat_widget_content .wpaicg-chat-ai-message .wpaicg-chat-message, .wpaicg_chat_widget_content .wpaicg-chat-user-message .wpaicg-chat-message { color: inherit; } .wpaicg-chat-user-message{ padding: 10px; background: #6C757D; } .wpaicg-chat-ai-message{ padding: 10px; background: #495057; } .wpaicg-bot-thinking{ bottom: 0; font-size: 11px; color: #CED4DA; display: none; } .wpaicg-jumping-dots span { position: relative; bottom: 0px; -webkit-animation: wpaicg-jump 1500ms infinite; animation: wpaicg-jump 2s infinite; } .wpaicg-jumping-dots .wpaicg-dot-1{ -webkit-animation-delay: 200ms; animation-delay: 200ms; } .wpaicg-jumping-dots .wpaicg-dot-2{ -webkit-animation-delay: 400ms; animation-delay: 400ms; } .wpaicg-jumping-dots .wpaicg-dot-3{ -webkit-animation-delay: 600ms; animation-delay: 600ms; } .wpaicg-chatbox-type { display: flex; align-items: center; padding: 15px; color: #F8F9FA; } .wpaicg-chatbox-send { color: #F8F9FA; } textarea.wpaicg-chatbox-typing { flex: 1; border: 1px solid #6C757D; background-color: #495057; resize: vertical; border-radius: 8px; line-height: 54px; padding-left: 1em; color: #F8F9FA; font-size: 13px; } textarea.auto-expand { overflow: hidden; /* Prevents scrollbar flash during size adjustment */ transition: box-shadow 0.5s ease-in-out; line-height: 2; } textarea.auto-expand.resizing { transition: box-shadow 0.5s ease-in-out; box-shadow: 0 0 12px rgba(81, 203, 238, 0.8); line-height: 2; } textarea.auto-expand:focus { outline: none; box-shadow: 0 0 5px rgba(81, 203, 238, 1); line-height: 2; } textarea.wpaicg-chatbox-typing::placeholder { color: #F8F9FA; } .wpaicg-chat-message-error{ color: #f00; } @-webkit-keyframes wpaicg-jump { 0% {bottom: 0px;} 20% {bottom: 5px;} 40% {bottom: 0px;} } @keyframes wpaicg-jump { 0% {bottom: 0px;} 20% {bottom: 5px;} 40% {bottom: 0px;} } /* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) */ @media (max-width: 768px) { .wpaicg-chatbox { /* Adjust the width and right margin for smaller screens */ width: auto; /* This makes the chat window adapt to the screen size */ margin-right: 10px; /* Smaller margin for smaller devices */ margin-left: 10px; /* Add some space on the left as well */ } } /* Further adjustments for very small screens, like iPhones */ @media (max-width: 480px) { .wpaicg-chatbox { /* You might want even smaller margins here */ margin-right: 5px; margin-left: 5px; } } .wpaicg_chat_additions{ display: flex; justify-content: center; align-items: center; position: absolute; right: 20px; } .wpaicg-chatbox .wpaicg-mic-icon{ color: #F8F9FA; } .wpaicg-chatbox .wpaicg-img-icon{ color: #F8F9FA; } .wpaicg-chatbox .wpaicg-pdf-icon{ color: #222222; } .wpaicg-chatbox .wpaicg-pdf-remove{ color: #222222; font-size: 33px; justify-content: center; align-items: center; width: 22px; height: 22px; line-height: unset; font-family: Arial, serif; border-radius: 50%; font-weight: normal; padding: 0; } .wpaicg-chatbox .wpaicg-pdf-loading{ border-color: #222222; border-bottom-color: transparent; } .wpaicg-chatbox .wpaicg-mic-icon.wpaicg-recording{ color: #F8F9FA; } .wpaicg-chatbox .wpaicg-bot-thinking { bottom: 0; font-size: 11px; color: #CED4DA; display: none; } .wpaicg-chatbox-action-bar{ top: 0; /* Position it at the top of the chat window */ right: 0; left: 0; /* Ensure it spans the full width */ height: 40px; padding: 0 10px; justify-content: center; align-items: center; color: #FFFFFF; background-color: #495057; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease; position: relative; top: 0; display: flex; justify-content: flex-end; min-height: 40px; } /* Button Styles */ .wpaicg-chatbox-download-btn, .wpaicg-chatbox-audio-btn, .wpaicg-chatbox-clear-btn, .wpaicg-chatbox-fullscreen, .wpaicg-chatbox-close-btn { cursor: pointer; display: flex; align-items: center; justify-content: center; /* Center content */ margin: 0 5px; /* Adjust spacing between buttons */ transition: background-color 0.3s ease; /* Smooth transition for interactions */ } /* SVG Icon Adjustments */ .wpaicg-chatbox-download-btn svg, .wpaicg-chatbox-audio-btn svg, .wpaicg-chatbox-clear-btn svg, .wpaicg-chatbox-fullscreen svg, .wpaicg-chatbox-close-btn svg { fill: currentColor; height: 16px; /* Adjust size for visibility */ width: 16px; } /* Hover States for Button Interactions */ .wpaicg-chatbox-download-btn:hover, .wpaicg-chatbox-clear-btn:hover, .wpaicg-chatbox-fullscreen:hover, .wpaicg-chatbox-close-btn:hover { background-color: rgba(0, 0, 0, 0.1); /* Slight highlight on hover */ } .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen{ display: none; fill: none; height: 16px; width: 16px; } .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path{ fill: currentColor; } .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen{ fill: none; height: 16px; width: 16px; } .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path{ fill: currentColor; } .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen{ display:none; } .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen{ display: block; } .wpaicg-fullscreened .wpaicg-chatbox-action-bar{ top: 0; z-index: 99; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; } </style> <style> /* Enhanced Mobile Styles */ @media (max-width: 767px) { .wpaicg_chat_widget_content.wpaicg-fullscreened { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 9999999 !important; background-color: #343A40; } .wpaicg_chat_widget_content.wpaicg-fullscreened .wpaicg-chatbox { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border-radius: 0 !important; margin: 0 !important; overflow: hidden !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; } .wpaicg_chat_widget_content.wpaicg-fullscreened .wpaicg-chatbox-content { flex: 1 !important; overflow: hidden !important; } .wpaicg_chat_widget_content.wpaicg-fullscreened .wpaicg-chatbox-messages { max-height: none !important; overflow-y: auto !important; } .wpaicg_chat_widget_content.wpaicg-fullscreened .wpaicg-chatbox-type { position: sticky !important; bottom: 0 !important; background-color: #343A40; z-index: 3 !important; padding: 10px !important; } /* Improve the chatbox size on smaller screens */ .wpaicg_chat_widget { max-width: 100% !important; } /* Make sure action buttons are easily tappable on mobile */ .wpaicg-chatbox-action-bar span { padding: 8px !important; margin: 0 8px !important; } /* Ensure adequate spacing for text input on mobile */ .wpaicg-chatbox-typing { min-height: 50px !important; } .wpaicg_chat_widget_content.wpaicg-fullscreened .wpaicg-chatbox-fullscreen { display: none !important; } } /* Improved widget toggle button for mobile */ @media (max-width: 767px) { .wpaicg_chat_widget .wpaicg_toggle { width: 60px !important; height: 60px !important; } .wpaicg_chat_widget .wpaicg_toggle img { width: 100% !important; height: 100% !important; } } </style> <div class="wpaicg-chatbox wpaicg-chatbox-has-action-bar wpaicg-chat-widget-has-footer" data-user-bg-color="#6C757D" data-color="#E8E8E8" data-fontsize="13" data-ai-bg-color="#495057" data-nonce="aae16d5cc6" data-post-id="438" data-url="https://blog.stefanomonni.it/uncategorized/sky-widget" data-bot-id="0" data-width="300px" data-height="50%" data-footer="true" data-speech="0" data-voice="" data-elevenlabs-model="" data-voice-error="" data-typewriter-effect = "1" data-typewriter-speed="1" data-text_height="60" data-text_rounded="8" data-chat_rounded="8" data-voice_service="openai" data-voice_language="en-US" data-voice_name="en-US-Wavenet-A" data-voice_device="" data-voice_speed="1" data-voice_pitch="0" data-openai_model="tts-1" data-openai_voice="alloy" data-openai_output_format="mp3" data-openai_voice_speed="1" data-openai_stream_nav="0" data-autoload_chat_conversations="1" data-copy_btn="1" data-feedback_btn = "1" data-feedback_title = "Feedback" data-feedback_message = "Please provide details: (optional)" data-feedback_success = "Thank you for your feedback!" data-user-voice-control = "" data-voice-muted-by-default="" data-memory-limit = "100" data-lead-collection = "0" data-lead-title = "Let us know how to contact you" data-lead-name = "Name" data-enable-lead-name = "1" data-lead-email = "Email" data-enable-lead-email = "1" data-lead-phone = "Phone" data-enable-lead-phone = "1" data-bg_text_field = "#495057" data-bg_text_field_font_color = "#F8F9FA" data-bg_text_field_border_color = "#6C757D" data-assistant-enabled="false" data-type="widget" > <div class="wpaicg-chatbox-action-bar"> <span data-type="widget" class="wpaicg-chatbox-download-btn" title="Download Chat"> <svg role="presentation" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><path class="st0" d="M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094 c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777 c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84 h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z"/><path class="st0" d="M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118 c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z"/></svg> </span> <span data-type="widget" class="wpaicg-chatbox-fullscreen" title="Toggle Fullscreen"> <svg class="wpaicg-active-fullscreen" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15H15V10H13.2V13.2H10V15ZM6 15V13.2H2.8V10H1V15H6ZM10 2.8H12.375H13.2V6H15V1H10V2.8ZM6 1V2.8H2.8V6H1V1H6Z"/></svg> <svg class="wpaicg-exit-fullscreen" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1 6L6 6L6 1L4.2 1L4.2 4.2L1 4.2L1 6Z"/><path d="M15 10L10 10L10 15L11.8 15L11.8 11.8L15 11.8L15 10Z"/><path d="M6 15L6 10L1 10L1 11.8L4.2 11.8L4.2 15L6 15Z"/><path d="M10 1L10 6L15 6L15 4.2L11.8 4.2L11.8 1L10 1Z"/></svg> </span> <span class="wpaicg-chatbox-clear-btn" title="Clear Chat"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg> </span> <span class="wpaicg-chatbox-close-btn" title="Close Chat"> <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"/></svg> </span> </div> <div class="wpaicg-chatbox-content"> <ul class="wpaicg-chatbox-messages"> <li class="wpaicg-chat-ai-message"> <span class="wpaicg-chat-message"> Hello 👋, how can I help you today? </span> </li> </ul> </div>  <span class="wpaicg-bot-thinking" style="padding-left: 15px;color: #CED4DA;">Gathering thoughts.. <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> <div class="wpaicg-chatbox-type"> <textarea type="text" class="auto-expand wpaicg-chatbox-typing" placeholder="Type your message here..."></textarea> <div class="wpaicg_chat_additions"> <span class="wpaicg-thumbnail-placeholder"></span> <span class="wpaicg-img-icon" data-type="widget" style="display:none"> <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> <input type="file" id="imageUpload" class="wpaicg-img-file" accept="image/png, image/jpeg, image/webp, image/gif" style="display: none;" />  <input type="hidden" id="wpaicg-img-nonce" value="10d4cf239b" /> </span> <span class="wpaicg-img-spinner"></span> <span class="wpaicg-chatbox-send"> <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> </span> </div> </div> <div class="wpaicg-chatbox-footer" style="background-color: #495057; color: #FFFFFF"> Powered by AI </div> </div> </div> <div class="wpaicg_toggle" id="wpaicg_toggle_922349"> <img src="https://blog.stefanomonni.it/wp-content/plugins/gpt3-ai-content-generator/admin/images/chatbot.png" alt="Chat Icon" /> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/peregrine\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="gtranslate_wrapper" id="gt-wrapper-48386578"></div><script type="text/javascript" src="https://blog.stefanomonni.it/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-04-27 13:59:08+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"it"},"This contact form is placed in the wrong place.":["Questo modulo di contatto \u00e8 posizionato nel posto sbagliato."],"Error:":["Errore:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/blog.stefanomonni.it\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6" id="contact-form-7-js"></script> <script type="text/javascript" id="wpaicg-init-js-extra"> /* <![CDATA[ */ var wpaicgParams = {"ajax_url":"https:\/\/blog.stefanomonni.it\/wp-admin\/admin-ajax.php","search_nonce":"aae16d5cc6","logged_in":"0","languages":{"source":"Sources","no_result":"No result found","wrong":"Something went wrong","prompt_strength":"Please enter a valid prompt strength value between 0 and 1.","num_inference_steps":"Please enter a valid number of inference steps value between 1 and 500.","guidance_scale":"Please enter a valid guidance scale value between 1 and 20.","error_image":"Please select least one image for generate","save_image_success":"Save images to media successfully","select_all":"Select All","unselect":"Unselect","select_save_error":"Please select least one image to save","alternative":"Alternative Text","title":"Title","edit_image":"Edit Image","caption":"Caption","description":"Description","save":"Save","removed_pdf":"Your pdf session is cleared"},"katex_enabled":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/gpt3-ai-content-generator/public/js/wpaicg-init.js" id="wpaicg-init-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/gpt3-ai-content-generator/public/js/wpaicg-chat.js" id="wpaicg-chat-script-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/gpt3-ai-content-generator/public/js/marked.js" id="wpaicg-markdown-script-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/plugins/gpt3-ai-content-generator/public/js/recorder.js" id="wpaicg-chat-recorder-js"></script> <script type="text/javascript" defer src="https://blog.stefanomonni.it/wp-content/plugins/kubio/build/scripts/index.js?ver=bb781e554637419a0f02" id="kubio-scripts-js"></script> <script type="text/javascript" defer src="https://blog.stefanomonni.it/wp-content/plugins/kubio/build/frontend/index.js?ver=a8e81fe1b05690675cc9" id="kubio-frontend-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.13.3" id="jquery-effects-slide-js"></script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-content/themes/peregrine//resources/theme/theme.js?ver=1.0.23" id="peregrine-theme-js"></script> <script type="text/javascript" id="peregrine-theme-js-after"> /* <![CDATA[ */ jQuery(window).load(function () { var el = jQuery(".page-footer"); var component = el.data()['fn.colibri.footerParallax']; if (component) { el.attr('data-enabled', 'false'); component.stop(); } }); /* ]]> */ </script> <script type="text/javascript" src="https://blog.stefanomonni.it/wp-includes/js/comment-reply.min.js?ver=6.8.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"243166132\",\"post\":\"438\",\"tz\":\"0\",\"srv\":\"blog.stefanomonni.it\",\"j\":\"1:14.5\"}") ]); _stq.push([ "clickTrackerInit", "243166132", "438" ]); /* ]]> */ </script> <script type="text/javascript" src="https://stats.wp.com/e-202518.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="gt_widget_script_48386578-js-before"> /* <![CDATA[ */ window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['48386578'] = {"default_language":"en","languages":["ar","zh-CN","en","it","ru"],"url_structure":"none","native_language_names":1,"flag_style":"2d","wrapper_selector":"#gt-wrapper-48386578","alt_flags":[],"float_switcher_open_direction":"bottom","switcher_horizontal_position":"left","switcher_vertical_position":"bottom"}; /* ]]> */ </script><script src="https://cdn.gtranslate.net/widgets/latest/float.js?ver=6.8.1" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/uncategorized/sky-widget/" data-gt-orig-domain="blog.stefanomonni.it" data-gt-widget-id="48386578" defer></script></body> </html>