Artificial intelligence (AI) is a field that teaches computers to process data in a way that mimics the human brain. AI has many applications, including: Automated customer support Personalized shopping Healthcare Finance Smart cars and drones Travel and navigation Social media Smart home devices Cybersecurity and artificial intelligence research and consulting services https://threatmap.bitdefender.com/ <div class="gcse-search"></div> <div class="gcse-search"></div> <p>https://youtu.be/e3fz3dqhN44?feature=shared<br /> https://youtu.be/UdE-W30oOXo?feature=shared</p> <p><style> /* Styling the scrollbar track within the chatbot window only */ .wpaicg-chat-shortcode ::-webkit-scrollbar-track { background-color: #8224e3; /* Light grey track */ border-radius: 10px; } /* Styling the scrollbar thumb within the chatbot window only */ .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb { background-color: #888; /* Dark grey thumb */ border-radius: 10px; border: 3px solid #8224e3; /* White border around thumb */ } /* Styling the scrollbar thumb on hover within the chatbot window only */ .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover { background-color: #555; /* Black thumb on hover */ } /* Setting the width of the scrollbar within the chatbot window only */ .wpaicg-chat-shortcode ::-webkit-scrollbar { width: 8px; /* Narrow width */ height: 8px; /* For horizontal scrolling */ } .wpaicg-conversation-starters { display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; justify-content: center; font-size: 30px; visibility: hidden; } .wpaicg-conversation-starter { background-color: #444654; border: none; border-radius: 20px; padding: 5px 10px; cursor: pointer; font-size: 30px; color: #fff; transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out; display: flex; opacity: 0; transform: translateY(20px); } .wpaicg-conversation-starter:hover { filter: brightness(90%); } </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> .blinking-cursor { font-weight: 100; color: #ffffff; /* or the color you want */ animation: blink 1s step-end infinite; } @keyframes blink { from, to { color: transparent } 50% { color: inherit } } </style> <style> .wpaicg-chat-shortcode { width: 100%; background-color: #8224e3; border-radius: 21px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; max-width: 100%; overflow: hidden; border: none; transition: box-shadow 0.3s ease; margin-right: 20px; /* Adjust as needed */ } .wpaicg-chat-shortcode:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover for interaction feedback */ } .wpaicg-chat-shortcode-content { overflow-y: auto; flex-grow: 1; padding: 15px; /* Increased padding for more space around messages */ } .wpaicg-chat-shortcode-content ul { overflow-y: auto; margin: 0; padding: 0; list-style: none; } .log_notification { background: #8224e3; color: #fff; font-size: 11px; font-style: italic; padding: 10px; border-radius: 5px; } .wpaicg-chat-shortcode-footer { color: #495057; background: #ffffff; font-size: 0.75rem; padding: 12px 20px; border-top: 1px solid #ffffff; } .wpaicg-chat-shortcode-footer a { color: inherit; text-decoration: none; } .wpaicg-chat-shortcode-content ul .wpaicg-user-message { margin-left: auto; /* This pushes the user messages to the right */ background: #444654; color: #fff; font-size: 30px; 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-shortcode-content ul .wpaicg-ai-message { color: #fff; font-size: 30px; 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-shortcode .wpaicg-bot-thinking { bottom: 0; font-size: 11px; color: #fff; display: none; } .wpaicg-chat-message-error { color: #f00; } .wpaicg-jumping-dots span { position: relative; bottom: 0; -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-chat-shortcode-type { display: flex; align-items: center; padding: 0; color: #fff; } .wpaicg-chat-shortcode-send { color: #fff; } textarea.wpaicg-chat-shortcode-typing { flex: 1; border: 1px solid #ccc; background-color: #fff; resize: vertical; border-radius: 24px; line-height: 36px; padding-left: 1em; color: #495057; font-size: 30px; } 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-chat-shortcode-typing::placeholder { color: #495057; } @-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-chat-shortcode { /* 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-chat-shortcode { /* You might want even smaller margins here */ margin-right: 5px; margin-left: 5px; } } .wpaicg-chat-shortcode .wpaicg-mic-icon { color: #222; } .wpaicg-chat-shortcode .wpaicg-img-icon { color: #fff; } .wpaicg-chat-shortcode .wpaicg-pdf-icon { color: #d1e8ff; } .wpaicg-chat-shortcode .wpaicg-pdf-remove { color: #d1e8ff; font-size: 33px; justify-content: center; align-items: center; width: 16px; height: 16px; line-height: unset; font-family: Arial, serif; border-radius: 50%; font-weight: normal; padding: 0; } .wpaicg-chat-shortcode .wpaicg-pdf-loading { border-color: #d1e8ff; border-bottom-color: transparent; } .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording { color: #00a80e; } .wpaicg_chat_additions { display: flex; justify-content: center; align-items: center; position: absolute; right: 20px; } .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar { position: absolute; 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; display: none; justify-content: center; align-items: center; background: #ffffff; color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease; min-height: 40px; } .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; background-color: transparent !important; color: inherit !important; } /* Ensure no hover color change for links inside icon containers */ .wpaicg-icon-container a:hover { color: inherit !important; background-color: transparent !important; text-decoration: none !important; } .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 */ } } /* Button Styles */ .wpaicg-chatbox-download-btn, .wpaicg-chatbox-clear-btn, .wpaicg-chatbox-fullscreen, .wpaicg-chatbox-audio-btn, .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-clear-btn svg, .wpaicg-chatbox-fullscreen svg, .wpaicg-chatbox-audio-btn, .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; } /* Fullscreen Button SVG Paths */ .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path, .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path { fill: currentColor; /* Ensure visibility */ } .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen { fill: none; height: 16px; width: 16px; } /* Adjusting visibility for fullscreen icons */ .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen { display: none; /* Hide when in fullscreen */ } .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen { display: block; /* Show exit icon in fullscreen mode */ } .wpaicg-fullscreened { border-radius: 0; border: none; /* Remove border in fullscreen */ } .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; } .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar { position: relative; top: 0; display: flex; justify-content: flex-end; } .wpaicg-chat-shortcode h1, .wpaicg-chat-shortcode h2, .wpaicg-chat-shortcode h3, .wpaicg-chat-shortcode h4, .wpaicg-chat-shortcode h5, .wpaicg-chat-shortcode h6 { color: #fff; } </style> <style> /* Sidebar */ .wpaicg-sidebar { background-color: #8224e3; border-right: 1px solid #ccc; } /* Sidebar Header */ .wpaicg-sidebar-header { border-bottom: 1px solid #ccc; color: #fff; } .wpaicg-sidebar-header h3 { color: #fff; } .wpaicg-sidebar-header p { color: #fff; font-size: 30px; } /* Conversation List Items */ .wpaicg-conversation-list li { background-color: #444654; color: #fff; font-size: 30px; } .wpaicg-conversation-list li:hover { background-color: #fff; color: #444654; transform: none; } /* Trash icon displayed on hover for deleting a conversation */ .wpaicg-conversation-list li .wpaicg-delete-icon { color: #444654; font-size: 30px; } /* Sidebar Toggle Button */ .wpaicg-sidebar-toggle { background-color: #343541; } .wpaicg-sidebar-toggle:hover { background-color: #444654; } .wpaicg-sidebar-toggle span { color: #fff; } </style> <div class="wpaicg-chat-shortcode" data-user-bg-color="#444654" data-color="#fff" data-fontsize="30" data-ai-bg-color="#343541" data-nonce="92f872b5ab" data-post-id="7" data-url="https://airlimitless.com" data-bot-id="0" data-width="100%" data-height="100%" data-footer="true" data-has-bar="false" data-speech="1" data-voice="" data-elevenlabs-model="" data-voice-error="" data-typewriter-effect = "" data-typewriter-speed="1" data-text_height="40" data-text_rounded="24" data-chat_rounded="21" data-voice_service="openai" data-voice_language="en-US" data-voice_name="en-US-Studio-M" 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.0" data-openai_stream_nav="0" data-autoload_chat_conversations="0" data-copy_btn="" data-feedback_btn = "" 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 = "10" 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 = "#fff" data-bg_text_field_font_color = "#495057" data-bg_text_field_border_color = "#ccc" data-assistant-enabled="false" data-sidebar-enabled="" data-type="shortcode" > <style> .wpaicg-new-chat-button { background-color: #343541; color: #fff; font-size: 30px; } .wpaicg-new-chat-button:hover { background-color: #444654; } </style> <!-- Begin Chat Content Wrapper --> <div class="wpaicg-chat-content-wrapper"> <!-- Insert the toggle and sidebar if $wpaicg_chat_sidebar is enabled --> <div class="wpaicg-chat-shortcode-content"> <ul class="wpaicg-chat-shortcode-messages"> <li class="wpaicg-ai-message" style="color: #fff; font-size: 30px; background-color: #343541"> <span class="wpaicg-chat-message"> Hello, I am an AI bot. Ask me anything! </span> </li> </ul> <!-- Conversation Starters --> <span class="wpaicg-bot-thinking" style="padding-left: 0;color: #fff;">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-chat-shortcode-type"> <textarea type="text" name="wpaicg-chat-shortcode-typing" class="auto-expand wpaicg-chat-shortcode-typing" placeholder="Type a message"></textarea> <div class="wpaicg_chat_additions"> <span class="wpaicg-thumbnail-placeholder"></span> <span class="wpaicg-mic-icon" data-type="shortcode" role="button" aria-label="Mic" tabindex="0" style=""> <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> </span> <span class="wpaicg-img-icon" data-type="shortcode" 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;" /> <!-- add nonce --> <input type="hidden" id="wpaicg-img-nonce" value="2088ea14a7" /> </span> <span class="wpaicg-img-spinner"></span> <span class="wpaicg-chat-shortcode-send" role="button" aria-label="Send" tabindex="0"> <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> </div> <div class="wpaicg-chat-shortcode-footer"> powered by instglobe.com </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const textareas = document.querySelectorAll('.auto-expand'); textareas.forEach(textarea => { function adjustHeight() { // Store the current scroll position to restore it after resizing var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft; var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; // Add the resizing class to trigger the pulsing effect textarea.classList.add('resizing'); // Temporarily shrink the textarea to potentially reduce its size textarea.style.height = 'auto'; // Adjust the height based on the current content, allowing it to grow or shrink textarea.style.height = textarea.scrollHeight + 'px'; // Restore the scroll position after resizing the textarea window.scrollTo(scrollLeft, scrollTop); // Remove the resizing class after a delay to show the pulsing effect setTimeout(() => { textarea.classList.remove('resizing'); }, 500); // Adjust this time to match your CSS animation duration } // Bind the adjustHeight function to the input event textarea.addEventListener('input', adjustHeight); // Perform an initial adjustment in case the textarea is pre-populated if (textarea.value.length) { adjustHeight(); } }); }); </script><br /> <iframe width="1600" height="1600" src="https://rss.app/embed/v1/wall/cFJYFNosc56rthB4" frameborder="0"> ]
