{"id":23,"date":"2023-08-26T20:17:53","date_gmt":"2023-08-26T20:17:53","guid":{"rendered":"https:\/\/hdec.qushdev.me\/?page_id=23"},"modified":"2023-08-26T23:45:20","modified_gmt":"2023-08-26T23:45:20","slug":"elementor-23","status":"publish","type":"page","link":"https:\/\/hdec.qushdev.me\/index.php\/elementor-23\/","title":{"rendered":"Elementor #23"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10bef28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10bef28\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97afb94\" data-id=\"97afb94\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f1ea13 elementor-widget elementor-widget-heading\" data-id=\"0f1ea13\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">HDE247<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10ccaa6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10ccaa6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e49859f\" data-id=\"e49859f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3493d93 elementor-widget elementor-widget-html\" data-id=\"3493d93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"text-generation-tool\">\n    <input type=\"text\" id=\"topic\" placeholder=\"Your Topic...\">\n    <button id=\"generate-button\">Ask Your Tech Question<\/button>\n    <div id=\"result-container\" style=\"display: none;\">\n        <div class=\"result-wrapper\">\n            <div class=\"result-content\">\n                <textarea id=\"result\" readonly><\/textarea>\n            <\/div>\n            <div class=\"copy-button-container\">\n                <button id=\"copy-button\">Copy<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"loading\" class=\"loader\" style=\"display: none;\"><\/div>\n<\/div>\n\n<style>\n    \/* Basic styles for the text generation tool *\/\n    #text-generation-tool {\n        width: 100%;\n        max-width: 600px;\n        margin: 0 auto;\n        font-family: Arial, sans-serif;\n    }\n\n    #topic {\n        width: 100%;\n        padding: 15px;\n        margin-bottom: 20px;\n        font-size: 16px;\n        border-radius: 5px;\n        border: 1px solid #ddd;\n    }\n\n    #generate-button {\n        display: block;\n        width: 100%;\n        padding: 15px;\n        margin-bottom: 20px;\n        font-size: 16px;\n        border: none;\n        border-radius: 5px;\n        color: #fff;\n        background-color: #3498db;\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n    }\n\n    #generate-button:hover {\n        background-color: #2980b9;\n    }\n\n    #result-container {\n        display: none;\n        margin-bottom: 20px;\n    }\n\n    .result-wrapper {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .result-content {\n        display: flex;\n    }\n\n    #result {\n        flex: 1;\n        height: 400px;\n        padding: 15px;\n        font-size: 16px;\n        border-radius: 5px;\n        border: 1px solid #ddd;\n        background-color: #f9f9f9;\n    }\n\n    .copy-button-container {\n        margin-top: 10px;\n        text-align: right;\n    }\n\n    #copy-button {\n        padding: 8px 12px;\n        font-size: 14px;\n        border: none;\n        border-radius: 5px;\n        color: #fff;\n        background-color: #3498db;\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n    }\n\n    #copy-button:hover {\n        background-color: #2980b9;\n    }\n\n    \/* CSS for the loader *\/\n    .loader {\n        display: block;\n        margin: 50px auto;\n        border: 16px solid #f3f3f3; \/* Light grey *\/\n        border-top: 16px solid #3498db; \/* Blue *\/\n        border-radius: 50%;\n        width: 50px;\n        height: 50px;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HDE247 Ask Your Tech Question Copy<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/pages\/23"}],"collection":[{"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":4,"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/hdec.qushdev.me\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}