Manage My Site Prototype<\/title>\n<style>\n body {\n margin: ;\n font-family: Arial, sans-serif;\n background: #fff;\n overflow: hidden;\n }\n #topMenu {\n display: flex;\n background: #333;\n color: #fff;\n padding: 8px;\n position: fixed;\n top: ;\n width: 100%;\n z-index: 100;\n }\n #topMenu button {\n margin-right: 10px;\n background: #555;\n border: none;\n padding: 8px 12px;\n cursor: pointer;\n color: #fff;\n }\n #workspace {\n display: flex;\n flex-direction: row;\n height: calc(100vh - 40px);\n margin-top: 40px;\n }\n .panel {\n background: #fff;\n border: 1px solid #ccc;\n resize: both;\n overflow: auto;\n padding: 10px;\n flex: 1;\n min-width: 200px;\n position: relative;\n }\n #toolContainer {\n display: flex;\n gap: 10px;\n }\n #urlManager {\n width: 200px;\n }\n #contentPanel {\n flex: 3;\n }\n \/* Collapsible sections *\/\n .collapsible {\n background: #eee;\n cursor: pointer;\n padding: 8px;\n margin-top: 10px;\n }\n .collapsibleContent {\n display: none;\n padding: 8px;\n background: #f9f9f9;\n }\n \/* Simple toggle class *\/\n .active {\n display: block;\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"topMenu\">\n <button onclick=\"togglePanel('calendarPanel')\">Calendar<\/button>\n <button onclick=\"togglePanel('todoPanel')\">To-Do<\/button>\n <button onclick=\"togglePanel('notesPanel')\">Notes<\/button>\n <button onclick=\"togglePanel('aiChat')\">AI Chat<\/button>\n <button onclick=\"togglePanel('urlManagerPanel')\">URL Manager<\/button>\n<\/div>\n\n<div id=\"workspace\">\n \n <div class=\"panel\" id=\"urlManager\">\n <div class=\"collapsible\" onclick=\"toggleCollapse('urlContent')\">URL Manager<\/div>\n <div class=\"collapsibleContent\" id=\"urlContent\">\n <input type=\"text\" id=\"urlInput\" placeholder=\"Enter URL\" style=\"width: 100%;\">\n <button onclick=\"saveURL()\">Save URL<\/button>\n <ul id=\"urlList\"><\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"contentPanel\" style=\"display:flex; flex-direction:column; gap:10px;\">\n \n <div class=\"panel\" id=\"calendarPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('calendarContent')\">Calendar<\/div>\n <div class=\"collapsibleContent\" id=\"calendarContent\" style=\"display:block;\">\n <p>Upcoming Events:<\/p>\n \n <ul id=\"eventsList\">\n <li>Event 1 – Date<\/li>\n <li>Event 2 – Date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"todoPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('todoContent')\">To-Do List<\/div>\n <div class=\"collapsibleContent\" id=\"todoContent\" style=\"display:block;\">\n <input type=\"text\" id=\"todoInput\" placeholder=\"New task\">\n <button onclick=\"addTodo()\">Add<\/button>\n <ul id=\"todoList\"><\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toolsContainer\" style=\"display:flex; gap:10px; padding:10px;\">\n \n <div class=\"panel\" id=\"notesPanel\" style=\"width:200px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('notesContent')\">Sticky Notes<\/div>\n <div class=\"collapsibleContent\" id=\"notesContent\" style=\"display:block;\">\n <textarea placeholder=\"Write notes...\" style=\"width:100%;height:100px\"><\/textarea>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"aiChat\" style=\"width:300px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('aiContent')\">AI Chat<\/div>\n <div class=\"collapsibleContent\" id=\"aiContent\" style=\"display:block;\">\n <div style=\"border:1px solid #ccc; height:200px; overflow:auto; padding:5px;\" id=\"aiChatBox\"><\/div>\n <input type=\"text\" id=\"aiInput\" style=\"width:80%;\" placeholder=\"Ask AI...\">\n <button onclick=\"sendAI()\">Send<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Toggle collapse\n function toggleCollapse(id) {\n document.getElementById(id).classList.toggle('active');\n document.getElementById(id).style.display = document.getElementById(id).classList.contains('active') ? 'block' : 'none';\n }\n\n \/\/ Tabs toggle\n function togglePanel(id) {\n const panels = ['calendarPanel', 'todoPanel', 'notesPanel', 'aiChat', 'urlManager'];\n panels.forEach(p => {\n document.getElementById(p).style.display = (p===id) ? 'block' : 'none';\n });\n }\n\n \/\/ To-Do List\n function addTodo() {\n const input = document.getElementById('todoInput');\n const task = input.value.trim();\n if(task) {\n const li = document.createElement('li');\n li.textContent = task;\n document.getElementById('todoList').appendChild(li);\n input.value='';\n }\n }\n\n \/\/ URL Manager\n function saveURL() {\n const url = document.getElementById('urlInput').value.trim();\n if(url) {\n const li = document.createElement('li');\n li.innerHTML = `<a href=\"${url}\" target=\"_blank\">${url}<\/a>`;\n document.getElementById('urlList').appendChild(li);\n document.getElementById('urlInput').value='';\n }\n }\n\n \/\/ Simple AI chat placeholder\n function sendAI() {\n const input = document.getElementById('aiInput');\n const message = input.value.trim();\n if(message) {\n const chatBox = document.getElementById('aiChatBox');\n const p = document.createElement('p');\n p.innerHTML = `<strong>You:<\/strong> ${message}`;\n chatBox.appendChild(p);\n input.value='';\n\n \/\/ Simulate AI response\n setTimeout(function(){\n const response = document.createElement('p');\n response.innerHTML = `<strong>AI:<\/strong> Echo: ${message}`;\n chatBox.appendChild(response);\n chatBox.scrollTop = chatBox.scrollHeight;\n }, 100);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.\"\/>\n<title>Manage My Site Prototype<\/title>\n<style>\n body {\n margin: ;\n font-family: Arial, sans-serif;\n background: #fff;\n overflow: hidden;\n }\n #topMenu {\n display: flex;\n background: #333;\n color: #fff;\n padding: 8px;\n position: fixed;\n top: ;\n width: 100%;\n z-index: 100;\n }\n #topMenu button {\n margin-right: 10px;\n background: #555;\n border: none;\n padding: 8px 12px;\n cursor: pointer;\n color: #fff;\n }\n #workspace {\n display: flex;\n flex-direction: row;\n height: calc(100vh - 40px);\n margin-top: 40px;\n }\n .panel {\n background: #fff;\n border: 1px solid #ccc;\n resize: both;\n overflow: auto;\n padding: 10px;\n flex: 1;\n min-width: 200px;\n position: relative;\n }\n #toolContainer {\n display: flex;\n gap: 10px;\n }\n #urlManager {\n width: 200px;\n }\n #contentPanel {\n flex: 3;\n }\n \/* Collapsible sections *\/\n .collapsible {\n background: #eee;\n cursor: pointer;\n padding: 8px;\n margin-top: 10px;\n }\n .collapsibleContent {\n display: none;\n padding: 8px;\n background: #f9f9f9;\n }\n \/* Simple toggle class *\/\n .active {\n display: block;\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"topMenu\">\n <button onclick=\"togglePanel('calendarPanel')\">Calendar<\/button>\n <button onclick=\"togglePanel('todoPanel')\">To-Do<\/button>\n <button onclick=\"togglePanel('notesPanel')\">Notes<\/button>\n <button onclick=\"togglePanel('aiChat')\">AI Chat<\/button>\n <button onclick=\"togglePanel('urlManagerPanel')\">URL Manager<\/button>\n<\/div>\n\n<div id=\"workspace\">\n \n <div class=\"panel\" id=\"urlManager\">\n <div class=\"collapsible\" onclick=\"toggleCollapse('urlContent')\">URL Manager<\/div>\n <div class=\"collapsibleContent\" id=\"urlContent\">\n <input type=\"text\" id=\"urlInput\" placeholder=\"Enter URL\" style=\"width: 100%;\">\n <button onclick=\"saveURL()\">Save URL<\/button>\n <ul id=\"urlList\"><\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"contentPanel\" style=\"display:flex; flex-direction:column; gap:10px;\">\n \n <div class=\"panel\" id=\"calendarPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('calendarContent')\">Calendar<\/div>\n <div class=\"collapsibleContent\" id=\"calendarContent\" style=\"display:block;\">\n <p>Upcoming Events:<\/p>\n \n <ul id=\"eventsList\">\n <li>Event 1 – Date<\/li>\n <li>Event 2 – Date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"todoPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('todoContent')\">To-Do List<\/div>\n <div class=\"collapsibleContent\" id=\"todoContent\" style=\"display:block;\">\n <input type=\"text\" id=\"todoInput\" placeholder=\"New task\">\n <button onclick=\"addTodo()\">Add<\/button>\n <ul id=\"todoList\"><\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toolsContainer\" style=\"display:flex; gap:10px; padding:10px;\">\n \n <div class=\"panel\" id=\"notesPanel\" style=\"width:200px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('notesContent')\">Sticky Notes<\/div>\n <div class=\"collapsibleContent\" id=\"notesContent\" style=\"display:block;\">\n <textarea placeholder=\"Write notes...\" style=\"width:100%;height:100px\"><\/textarea>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"aiChat\" style=\"width:300px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('aiContent')\">AI Chat<\/div>\n <div class=\"collapsibleContent\" id=\"aiContent\" style=\"display:block;\">\n <div style=\"border:1px solid #ccc; height:200px; overflow:auto; padding:5px;\" id=\"aiChatBox\"><\/div>\n <input type=\"text\" id=\"aiInput\" style=\"width:80%;\" placeholder=\"Ask AI...\">\n <button onclick=\"sendAI()\">Send<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Toggle collapse\n function toggleCollapse(id) {\n document.getElementById(id).classList.toggle('active');\n document.getElementById(id).style.display = document.getElementById(id).classList.contains('active') ? 'block' : 'none';\n }\n\n \/\/ Tabs toggle\n function togglePanel(id) {\n const panels = ['calendarPanel', 'todoPanel', 'notesPanel', 'aiChat', 'urlManager'];\n panels.forEach(p => {\n document.getElementById(p).style.display = (p===id) ? 'block' : 'none';\n });\n }\n\n \/\/ To-Do List\n function addTodo() {\n const input = document.getElementById('todoInput');\n const task = input.value.trim();\n if(task) {\n const li = document.createElement('li');\n li.textContent = task;\n document.getElementById('todoList').appendChild(li);\n input.value='';\n }\n }\n\n \/\/ URL Manager\n function saveURL() {\n const url = document.getElementById('urlInput').value.trim();\n if(url) {\n const li = document.createElement('li');\n li.innerHTML = `<a href=\"${url}\" target=\"_blank\">${url}<\/a>`;\n document.getElementById('urlList').appendChild(li);\n document.getElementById('urlInput').value='';\n }\n }\n\n \/\/ Simple AI chat placeholder\n function sendAI() {\n const input = document.getElementById('aiInput');\n const message = input.value.trim();\n if(message) {\n const chatBox = document.getElementById('aiChatBox');\n const p = document.createElement('p');\n p.innerHTML = `<strong>You:<\/strong> ${message}`;\n chatBox.appendChild(p);\n input.value='';\n\n \/\/ Simulate AI response\n setTimeout(function(){\n const response = document.createElement('p');\n response.innerHTML = `<strong>AI:<\/strong> Echo: ${message}`;\n chatBox.appendChild(response);\n chatBox.scrollTop = chatBox.scrollHeight;\n }, 100);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Manage My Site Prototype Calendar To-Do Notes AI Chat URL Manager URL Manager Save URL Calendar Upcoming Events: Event 1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-968","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Taonga Admin","author_link":"https:\/\/taonga.nxfanz.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Manage My Site Prototype Calendar To-Do Notes AI Chat URL Manager URL Manager Save URL Calendar Upcoming Events: Event 1 […]","_links":{"self":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=968"}],"version-history":[{"count":1,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968\/revisions"}],"predecessor-version":[{"id":969,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968\/revisions\/969"}],"wp:attachment":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the astra-sites domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php on line 6131

Warning: include_once(/home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/includes/functions.php): Failed to open stream: No such file or directory in /home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/theai.php on line 118

Warning: include_once(): Failed opening '/home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/includes/functions.php' for inclusion (include_path='.:/opt/cpanel/ea-php81/root/usr/share/pear') in /home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/theai.php on line 118

Warning: include_once(/home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/includes/api-settings.php): Failed to open stream: No such file or directory in /home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/theai.php on line 119

Warning: include_once(): Failed opening '/home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/includes/api-settings.php' for inclusion (include_path='.:/opt/cpanel/ea-php81/root/usr/share/pear') in /home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/theai/theai.php on line 119

Warning: session_start(): Session cannot be started after headers have already been sent in /home/dpjrmkpe/taonga.nxfanz.com/wp-content/plugins/chatbot-ai-free-models/includes/class-chatbot-main.php on line 88

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/functions.php:6131) in /home/dpjrmkpe/taonga.nxfanz.com/wp-includes/rest-api/class-wp-rest-server.php on line 1902
{"id":968,"date":"2025-08-19T00:09:26","date_gmt":"2025-08-19T00:09:26","guid":{"rendered":"https:\/\/taonga.nxfanz.com\/?page_id=968"},"modified":"2025-08-19T00:09:26","modified_gmt":"2025-08-19T00:09:26","slug":"968-2","status":"publish","type":"page","link":"https:\/\/taonga.nxfanz.com\/?page_id=968","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nManage My Site Prototype<\/title>\n<style>\n body {\n margin: ;\n font-family: Arial, sans-serif;\n background: #fff;\n overflow: hidden;\n }\n #topMenu {\n display: flex;\n background: #333;\n color: #fff;\n padding: 8px;\n position: fixed;\n top: ;\n width: 100%;\n z-index: 100;\n }\n #topMenu button {\n margin-right: 10px;\n background: #555;\n border: none;\n padding: 8px 12px;\n cursor: pointer;\n color: #fff;\n }\n #workspace {\n display: flex;\n flex-direction: row;\n height: calc(100vh - 40px);\n margin-top: 40px;\n }\n .panel {\n background: #fff;\n border: 1px solid #ccc;\n resize: both;\n overflow: auto;\n padding: 10px;\n flex: 1;\n min-width: 200px;\n position: relative;\n }\n #toolContainer {\n display: flex;\n gap: 10px;\n }\n #urlManager {\n width: 200px;\n }\n #contentPanel {\n flex: 3;\n }\n \/* Collapsible sections *\/\n .collapsible {\n background: #eee;\n cursor: pointer;\n padding: 8px;\n margin-top: 10px;\n }\n .collapsibleContent {\n display: none;\n padding: 8px;\n background: #f9f9f9;\n }\n \/* Simple toggle class *\/\n .active {\n display: block;\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"topMenu\">\n <button onclick=\"togglePanel('calendarPanel')\">Calendar<\/button>\n <button onclick=\"togglePanel('todoPanel')\">To-Do<\/button>\n <button onclick=\"togglePanel('notesPanel')\">Notes<\/button>\n <button onclick=\"togglePanel('aiChat')\">AI Chat<\/button>\n <button onclick=\"togglePanel('urlManagerPanel')\">URL Manager<\/button>\n<\/div>\n\n<div id=\"workspace\">\n \n <div class=\"panel\" id=\"urlManager\">\n <div class=\"collapsible\" onclick=\"toggleCollapse('urlContent')\">URL Manager<\/div>\n <div class=\"collapsibleContent\" id=\"urlContent\">\n <input type=\"text\" id=\"urlInput\" placeholder=\"Enter URL\" style=\"width: 100%;\">\n <button onclick=\"saveURL()\">Save URL<\/button>\n <ul id=\"urlList\"><\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"contentPanel\" style=\"display:flex; flex-direction:column; gap:10px;\">\n \n <div class=\"panel\" id=\"calendarPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('calendarContent')\">Calendar<\/div>\n <div class=\"collapsibleContent\" id=\"calendarContent\" style=\"display:block;\">\n <p>Upcoming Events:<\/p>\n \n <ul id=\"eventsList\">\n <li>Event 1 – Date<\/li>\n <li>Event 2 – Date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"todoPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('todoContent')\">To-Do List<\/div>\n <div class=\"collapsibleContent\" id=\"todoContent\" style=\"display:block;\">\n <input type=\"text\" id=\"todoInput\" placeholder=\"New task\">\n <button onclick=\"addTodo()\">Add<\/button>\n <ul id=\"todoList\"><\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toolsContainer\" style=\"display:flex; gap:10px; padding:10px;\">\n \n <div class=\"panel\" id=\"notesPanel\" style=\"width:200px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('notesContent')\">Sticky Notes<\/div>\n <div class=\"collapsibleContent\" id=\"notesContent\" style=\"display:block;\">\n <textarea placeholder=\"Write notes...\" style=\"width:100%;height:100px\"><\/textarea>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"aiChat\" style=\"width:300px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('aiContent')\">AI Chat<\/div>\n <div class=\"collapsibleContent\" id=\"aiContent\" style=\"display:block;\">\n <div style=\"border:1px solid #ccc; height:200px; overflow:auto; padding:5px;\" id=\"aiChatBox\"><\/div>\n <input type=\"text\" id=\"aiInput\" style=\"width:80%;\" placeholder=\"Ask AI...\">\n <button onclick=\"sendAI()\">Send<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Toggle collapse\n function toggleCollapse(id) {\n document.getElementById(id).classList.toggle('active');\n document.getElementById(id).style.display = document.getElementById(id).classList.contains('active') ? 'block' : 'none';\n }\n\n \/\/ Tabs toggle\n function togglePanel(id) {\n const panels = ['calendarPanel', 'todoPanel', 'notesPanel', 'aiChat', 'urlManager'];\n panels.forEach(p => {\n document.getElementById(p).style.display = (p===id) ? 'block' : 'none';\n });\n }\n\n \/\/ To-Do List\n function addTodo() {\n const input = document.getElementById('todoInput');\n const task = input.value.trim();\n if(task) {\n const li = document.createElement('li');\n li.textContent = task;\n document.getElementById('todoList').appendChild(li);\n input.value='';\n }\n }\n\n \/\/ URL Manager\n function saveURL() {\n const url = document.getElementById('urlInput').value.trim();\n if(url) {\n const li = document.createElement('li');\n li.innerHTML = `<a href=\"${url}\" target=\"_blank\">${url}<\/a>`;\n document.getElementById('urlList').appendChild(li);\n document.getElementById('urlInput').value='';\n }\n }\n\n \/\/ Simple AI chat placeholder\n function sendAI() {\n const input = document.getElementById('aiInput');\n const message = input.value.trim();\n if(message) {\n const chatBox = document.getElementById('aiChatBox');\n const p = document.createElement('p');\n p.innerHTML = `<strong>You:<\/strong> ${message}`;\n chatBox.appendChild(p);\n input.value='';\n\n \/\/ Simulate AI response\n setTimeout(function(){\n const response = document.createElement('p');\n response.innerHTML = `<strong>AI:<\/strong> Echo: ${message}`;\n chatBox.appendChild(response);\n chatBox.scrollTop = chatBox.scrollHeight;\n }, 100);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.\"\/>\n<title>Manage My Site Prototype<\/title>\n<style>\n body {\n margin: ;\n font-family: Arial, sans-serif;\n background: #fff;\n overflow: hidden;\n }\n #topMenu {\n display: flex;\n background: #333;\n color: #fff;\n padding: 8px;\n position: fixed;\n top: ;\n width: 100%;\n z-index: 100;\n }\n #topMenu button {\n margin-right: 10px;\n background: #555;\n border: none;\n padding: 8px 12px;\n cursor: pointer;\n color: #fff;\n }\n #workspace {\n display: flex;\n flex-direction: row;\n height: calc(100vh - 40px);\n margin-top: 40px;\n }\n .panel {\n background: #fff;\n border: 1px solid #ccc;\n resize: both;\n overflow: auto;\n padding: 10px;\n flex: 1;\n min-width: 200px;\n position: relative;\n }\n #toolContainer {\n display: flex;\n gap: 10px;\n }\n #urlManager {\n width: 200px;\n }\n #contentPanel {\n flex: 3;\n }\n \/* Collapsible sections *\/\n .collapsible {\n background: #eee;\n cursor: pointer;\n padding: 8px;\n margin-top: 10px;\n }\n .collapsibleContent {\n display: none;\n padding: 8px;\n background: #f9f9f9;\n }\n \/* Simple toggle class *\/\n .active {\n display: block;\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"topMenu\">\n <button onclick=\"togglePanel('calendarPanel')\">Calendar<\/button>\n <button onclick=\"togglePanel('todoPanel')\">To-Do<\/button>\n <button onclick=\"togglePanel('notesPanel')\">Notes<\/button>\n <button onclick=\"togglePanel('aiChat')\">AI Chat<\/button>\n <button onclick=\"togglePanel('urlManagerPanel')\">URL Manager<\/button>\n<\/div>\n\n<div id=\"workspace\">\n \n <div class=\"panel\" id=\"urlManager\">\n <div class=\"collapsible\" onclick=\"toggleCollapse('urlContent')\">URL Manager<\/div>\n <div class=\"collapsibleContent\" id=\"urlContent\">\n <input type=\"text\" id=\"urlInput\" placeholder=\"Enter URL\" style=\"width: 100%;\">\n <button onclick=\"saveURL()\">Save URL<\/button>\n <ul id=\"urlList\"><\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"contentPanel\" style=\"display:flex; flex-direction:column; gap:10px;\">\n \n <div class=\"panel\" id=\"calendarPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('calendarContent')\">Calendar<\/div>\n <div class=\"collapsibleContent\" id=\"calendarContent\" style=\"display:block;\">\n <p>Upcoming Events:<\/p>\n \n <ul id=\"eventsList\">\n <li>Event 1 – Date<\/li>\n <li>Event 2 – Date<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"todoPanel\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('todoContent')\">To-Do List<\/div>\n <div class=\"collapsibleContent\" id=\"todoContent\" style=\"display:block;\">\n <input type=\"text\" id=\"todoInput\" placeholder=\"New task\">\n <button onclick=\"addTodo()\">Add<\/button>\n <ul id=\"todoList\"><\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toolsContainer\" style=\"display:flex; gap:10px; padding:10px;\">\n \n <div class=\"panel\" id=\"notesPanel\" style=\"width:200px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('notesContent')\">Sticky Notes<\/div>\n <div class=\"collapsibleContent\" id=\"notesContent\" style=\"display:block;\">\n <textarea placeholder=\"Write notes...\" style=\"width:100%;height:100px\"><\/textarea>\n <\/div>\n <\/div>\n \n <div class=\"panel\" id=\"aiChat\" style=\"width:300px;\">\n <div class=\"collapsible active\" onclick=\"toggleCollapse('aiContent')\">AI Chat<\/div>\n <div class=\"collapsibleContent\" id=\"aiContent\" style=\"display:block;\">\n <div style=\"border:1px solid #ccc; height:200px; overflow:auto; padding:5px;\" id=\"aiChatBox\"><\/div>\n <input type=\"text\" id=\"aiInput\" style=\"width:80%;\" placeholder=\"Ask AI...\">\n <button onclick=\"sendAI()\">Send<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Toggle collapse\n function toggleCollapse(id) {\n document.getElementById(id).classList.toggle('active');\n document.getElementById(id).style.display = document.getElementById(id).classList.contains('active') ? 'block' : 'none';\n }\n\n \/\/ Tabs toggle\n function togglePanel(id) {\n const panels = ['calendarPanel', 'todoPanel', 'notesPanel', 'aiChat', 'urlManager'];\n panels.forEach(p => {\n document.getElementById(p).style.display = (p===id) ? 'block' : 'none';\n });\n }\n\n \/\/ To-Do List\n function addTodo() {\n const input = document.getElementById('todoInput');\n const task = input.value.trim();\n if(task) {\n const li = document.createElement('li');\n li.textContent = task;\n document.getElementById('todoList').appendChild(li);\n input.value='';\n }\n }\n\n \/\/ URL Manager\n function saveURL() {\n const url = document.getElementById('urlInput').value.trim();\n if(url) {\n const li = document.createElement('li');\n li.innerHTML = `<a href=\"${url}\" target=\"_blank\">${url}<\/a>`;\n document.getElementById('urlList').appendChild(li);\n document.getElementById('urlInput').value='';\n }\n }\n\n \/\/ Simple AI chat placeholder\n function sendAI() {\n const input = document.getElementById('aiInput');\n const message = input.value.trim();\n if(message) {\n const chatBox = document.getElementById('aiChatBox');\n const p = document.createElement('p');\n p.innerHTML = `<strong>You:<\/strong> ${message}`;\n chatBox.appendChild(p);\n input.value='';\n\n \/\/ Simulate AI response\n setTimeout(function(){\n const response = document.createElement('p');\n response.innerHTML = `<strong>AI:<\/strong> Echo: ${message}`;\n chatBox.appendChild(response);\n chatBox.scrollTop = chatBox.scrollHeight;\n }, 100);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Manage My Site Prototype Calendar To-Do Notes AI Chat URL Manager URL Manager Save URL Calendar Upcoming Events: Event 1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-968","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Taonga Admin","author_link":"https:\/\/taonga.nxfanz.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Manage My Site Prototype Calendar To-Do Notes AI Chat URL Manager URL Manager Save URL Calendar Upcoming Events: Event 1 […]","_links":{"self":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=968"}],"version-history":[{"count":1,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968\/revisions"}],"predecessor-version":[{"id":969,"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=\/wp\/v2\/pages\/968\/revisions\/969"}],"wp:attachment":[{"href":"https:\/\/taonga.nxfanz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}