FocusDesk – Smart Productivity Dashboard<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n <div class=\"mobile-overlay\" id=\"mobile-overlay\"><\/div>\n\n <nav class=\"sidebar\" id=\"sidebar\">\n <div class=\"logo\">\n <i class=\"fas fa-layer-group\"><\/i>\n <span>FocusDesk<\/span>\n <\/div>\n <ul class=\"nav-links\">\n <li class=\"active\" data-target=\"dashboard\"><i class=\"fas fa-home\"><\/i> <span>Dashboard<\/span><\/li>\n <li data-target=\"tasks\"><i class=\"fas fa-check-square\"><\/i> <span>Tasks<\/span><\/li>\n <li data-target=\"timer\"><i class=\"fas fa-clock\"><\/i> <span>Timer<\/span><\/li>\n <li data-target=\"notes\"><i class=\"fas fa-sticky-note\"><\/i> <span>Notes<\/span><\/li>\n <li data-target=\"finance\"><i class=\"fas fa-wallet\"><\/i> <span>Finance<\/span><\/li>\n <li data-target=\"sync\"><i class=\"fas fa-sync-alt\"><\/i> <span>Data Sync<\/span><\/li>\n <\/ul>\n <div class=\"theme-toggle\" id=\"theme-toggle\">\n <i class=\"fas fa-moon\"><\/i> <span>Dark Mode<\/span>\n <\/div>\n <\/nav>\n\n <main class=\"main-content\">\n <header>\n <div class=\"header-left\">\n <button class=\"menu-btn\" id=\"menu-btn\"><i class=\"fas fa-bars\"><\/i><\/button>\n <div>\n <h1 id=\"page-title\">Dashboard Overview<\/h1>\n <p class=\"subtitle\" id=\"date-display\"><\/p>\n <\/div>\n <\/div>\n <div class=\"user-profile\">\n <div class=\"prod-score\">Score: <span id=\"nav-score\">0<\/span><\/div>\n <div class=\"avatar\"><i class=\"fas fa-user\"><\/i><\/div>\n <\/div>\n <\/header>\n\n <div id=\"notification\" class=\"notification hidden\"><\/div>\n\n <section id=\"dashboard\" class=\"page active\">\n <div class=\"quote-card glass-card\">\n <p id=\"motivational-quote\">“Loading inspiration…”<\/p>\n <\/div>\n \n <div class=\"dashboard-grid\">\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-tasks\"><\/i> Tasks Left<\/h3>\n <h2 id=\"dash-tasks-count\">0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-fire\"><\/i> Focus Sessions<\/h3>\n <h2 id=\"dash-pomodoro-count\">0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-wallet\"><\/i> Balance<\/h3>\n <h2 id=\"dash-balance\">$0<\/h2>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"tasks\" class=\"page\">\n <div class=\"glass-card task-container\">\n <div class=\"task-header flex-mobile\">\n <input type=\"text\" id=\"task-input\" placeholder=\"What needs to be done?\">\n <select id=\"task-priority\">\n <option value=\"low\">Low<\/option>\n <option value=\"medium\">Med<\/option>\n <option value=\"high\">High<\/option>\n <\/select>\n <button id=\"add-task-btn\" class=\"btn-primary\"><i class=\"fas fa-plus\"><\/i> Add<\/button>\n <\/div>\n <div class=\"progress-container\"><div class=\"progress-bar\" id=\"task-progress\"><\/div><\/div>\n <ul id=\"main-task-list\" class=\"task-list\"><\/ul>\n <\/div>\n <\/section>\n\n <section id=\"timer\" class=\"page\">\n <div class=\"glass-card timer-container\">\n <div class=\"timer-modes\">\n <button class=\"mode-btn active\" data-time=\"25\">Pomodoro<\/button>\n <button class=\"mode-btn\" data-time=\"5\">Break<\/button>\n <\/div>\n <h1 id=\"time-display\">25:00<\/h1>\n <div class=\"timer-controls\">\n <button id=\"start-timer\" class=\"btn-primary\">Start<\/button>\n <button id=\"reset-timer\" class=\"btn-secondary\">Reset<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"notes\" class=\"page\">\n <button id=\"new-note-btn\" class=\"btn-primary\" style=\"margin-bottom:15px;\"><i class=\"fas fa-plus\"><\/i> New Note<\/button>\n <div class=\"notes-grid\" id=\"notes-grid\"><\/div>\n <\/section>\n\n <section id=\"finance\" class=\"page\">\n <div class=\"dashboard-grid\" style=\"margin-bottom: 20px;\">\n <div class=\"glass-card stat-card\">\n <h3>Total Balance<\/h3>\n <h2 id=\"finance-balance\">$0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\" style=\"border-left: 4px solid var(--success);\">\n <h3>Income<\/h3>\n <h2 id=\"finance-income\" class=\"text-green\">$0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\" style=\"border-left: 4px solid var(--danger);\">\n <h3>Expenses<\/h3>\n <h2 id=\"finance-expense\" class=\"text-red\">$0<\/h2>\n <\/div>\n <\/div>\n \n <div class=\"glass-card\">\n <div class=\"task-header flex-mobile\">\n <input type=\"text\" id=\"fin-desc\" placeholder=\"Description (e.g., Coffee)\">\n <input type=\"number\" id=\"fin-amount\" placeholder=\"Amount ($)\">\n <select id=\"fin-type\">\n <option value=\"income\">Income<\/option>\n <option value=\"expense\">Expense<\/option>\n <\/select>\n <button id=\"add-fin-btn\" class=\"btn-primary\"><i class=\"fas fa-plus\"><\/i> Add<\/button>\n <\/div>\n <ul id=\"finance-list\" class=\"task-list\"><\/ul>\n <\/div>\n <\/section>\n\n <section id=\"sync\" class=\"page\">\n <div class=\"glass-card\">\n <h2 style=\"margin-bottom: 15px;\">Backup & Sync Data<\/h2>\n <p style=\"color: var(--text-muted); margin-bottom: 20px;\">Since we don’t use a database, generate a code here to move your data to your phone or another PC.<\/p>\n \n <div style=\"margin-bottom: 30px;\">\n <h3>Export Data<\/h3>\n <button id=\"generate-code-btn\" class=\"btn-primary\" style=\"margin: 10px 0;\">Generate Sync Code<\/button>\n <textarea id=\"export-code\" class=\"glass-input\" rows=\"4\" readonly placeholder=\"Your code will appear here...\"><\/textarea>\n <\/div>\n\n <hr style=\"border: 0; height: 1px; background: var(--glass-border); margin: 20px 0;\">\n\n <div>\n <h3>Import Data<\/h3>\n <textarea id=\"import-code\" class=\"glass-input\" rows=\"4\" placeholder=\"Paste your sync code here...\"><\/textarea>\n <button id=\"import-data-btn\" class=\"btn-primary\" style=\"margin-top: 10px; background: var(--success);\">Import & Replace Data<\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FocusDesk – Smart Productivity Dashboard FocusDesk Dashboard Tasks Timer Notes Finance Data Sync Dark Mode Dashboard Overview Score: 0 “Loading inspiration…” Tasks Left 0 Focus Sessions 0 Balance $0 LowMedHigh Add Pomodoro Break 25:00 Start Reset New Note Total Balance $0 Income $0 Expenses $0 IncomeExpense Add Backup & Sync Data Since we don’t use […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":14,"date":"2026-03-28T09:17:39","date_gmt":"2026-03-28T09:17:39","guid":{"rendered":"https:\/\/naufalpas.clubseven.my.id\/?page_id=14"},"modified":"2026-03-28T09:17:39","modified_gmt":"2026-03-28T09:17:39","slug":"home","status":"publish","type":"page","link":"https:\/\/naufalpas.clubseven.my.id\/?page_id=14","title":{"rendered":"home"},"content":{"rendered":"\n\n\n\n \n \n FocusDesk – Smart Productivity Dashboard<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n <div class=\"mobile-overlay\" id=\"mobile-overlay\"><\/div>\n\n <nav class=\"sidebar\" id=\"sidebar\">\n <div class=\"logo\">\n <i class=\"fas fa-layer-group\"><\/i>\n <span>FocusDesk<\/span>\n <\/div>\n <ul class=\"nav-links\">\n <li class=\"active\" data-target=\"dashboard\"><i class=\"fas fa-home\"><\/i> <span>Dashboard<\/span><\/li>\n <li data-target=\"tasks\"><i class=\"fas fa-check-square\"><\/i> <span>Tasks<\/span><\/li>\n <li data-target=\"timer\"><i class=\"fas fa-clock\"><\/i> <span>Timer<\/span><\/li>\n <li data-target=\"notes\"><i class=\"fas fa-sticky-note\"><\/i> <span>Notes<\/span><\/li>\n <li data-target=\"finance\"><i class=\"fas fa-wallet\"><\/i> <span>Finance<\/span><\/li>\n <li data-target=\"sync\"><i class=\"fas fa-sync-alt\"><\/i> <span>Data Sync<\/span><\/li>\n <\/ul>\n <div class=\"theme-toggle\" id=\"theme-toggle\">\n <i class=\"fas fa-moon\"><\/i> <span>Dark Mode<\/span>\n <\/div>\n <\/nav>\n\n <main class=\"main-content\">\n <header>\n <div class=\"header-left\">\n <button class=\"menu-btn\" id=\"menu-btn\"><i class=\"fas fa-bars\"><\/i><\/button>\n <div>\n <h1 id=\"page-title\">Dashboard Overview<\/h1>\n <p class=\"subtitle\" id=\"date-display\"><\/p>\n <\/div>\n <\/div>\n <div class=\"user-profile\">\n <div class=\"prod-score\">Score: <span id=\"nav-score\">0<\/span><\/div>\n <div class=\"avatar\"><i class=\"fas fa-user\"><\/i><\/div>\n <\/div>\n <\/header>\n\n <div id=\"notification\" class=\"notification hidden\"><\/div>\n\n <section id=\"dashboard\" class=\"page active\">\n <div class=\"quote-card glass-card\">\n <p id=\"motivational-quote\">“Loading inspiration…”<\/p>\n <\/div>\n \n <div class=\"dashboard-grid\">\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-tasks\"><\/i> Tasks Left<\/h3>\n <h2 id=\"dash-tasks-count\">0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-fire\"><\/i> Focus Sessions<\/h3>\n <h2 id=\"dash-pomodoro-count\">0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\">\n <h3><i class=\"fas fa-wallet\"><\/i> Balance<\/h3>\n <h2 id=\"dash-balance\">$0<\/h2>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"tasks\" class=\"page\">\n <div class=\"glass-card task-container\">\n <div class=\"task-header flex-mobile\">\n <input type=\"text\" id=\"task-input\" placeholder=\"What needs to be done?\">\n <select id=\"task-priority\">\n <option value=\"low\">Low<\/option>\n <option value=\"medium\">Med<\/option>\n <option value=\"high\">High<\/option>\n <\/select>\n <button id=\"add-task-btn\" class=\"btn-primary\"><i class=\"fas fa-plus\"><\/i> Add<\/button>\n <\/div>\n <div class=\"progress-container\"><div class=\"progress-bar\" id=\"task-progress\"><\/div><\/div>\n <ul id=\"main-task-list\" class=\"task-list\"><\/ul>\n <\/div>\n <\/section>\n\n <section id=\"timer\" class=\"page\">\n <div class=\"glass-card timer-container\">\n <div class=\"timer-modes\">\n <button class=\"mode-btn active\" data-time=\"25\">Pomodoro<\/button>\n <button class=\"mode-btn\" data-time=\"5\">Break<\/button>\n <\/div>\n <h1 id=\"time-display\">25:00<\/h1>\n <div class=\"timer-controls\">\n <button id=\"start-timer\" class=\"btn-primary\">Start<\/button>\n <button id=\"reset-timer\" class=\"btn-secondary\">Reset<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"notes\" class=\"page\">\n <button id=\"new-note-btn\" class=\"btn-primary\" style=\"margin-bottom:15px;\"><i class=\"fas fa-plus\"><\/i> New Note<\/button>\n <div class=\"notes-grid\" id=\"notes-grid\"><\/div>\n <\/section>\n\n <section id=\"finance\" class=\"page\">\n <div class=\"dashboard-grid\" style=\"margin-bottom: 20px;\">\n <div class=\"glass-card stat-card\">\n <h3>Total Balance<\/h3>\n <h2 id=\"finance-balance\">$0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\" style=\"border-left: 4px solid var(--success);\">\n <h3>Income<\/h3>\n <h2 id=\"finance-income\" class=\"text-green\">$0<\/h2>\n <\/div>\n <div class=\"glass-card stat-card\" style=\"border-left: 4px solid var(--danger);\">\n <h3>Expenses<\/h3>\n <h2 id=\"finance-expense\" class=\"text-red\">$0<\/h2>\n <\/div>\n <\/div>\n \n <div class=\"glass-card\">\n <div class=\"task-header flex-mobile\">\n <input type=\"text\" id=\"fin-desc\" placeholder=\"Description (e.g., Coffee)\">\n <input type=\"number\" id=\"fin-amount\" placeholder=\"Amount ($)\">\n <select id=\"fin-type\">\n <option value=\"income\">Income<\/option>\n <option value=\"expense\">Expense<\/option>\n <\/select>\n <button id=\"add-fin-btn\" class=\"btn-primary\"><i class=\"fas fa-plus\"><\/i> Add<\/button>\n <\/div>\n <ul id=\"finance-list\" class=\"task-list\"><\/ul>\n <\/div>\n <\/section>\n\n <section id=\"sync\" class=\"page\">\n <div class=\"glass-card\">\n <h2 style=\"margin-bottom: 15px;\">Backup & Sync Data<\/h2>\n <p style=\"color: var(--text-muted); margin-bottom: 20px;\">Since we don’t use a database, generate a code here to move your data to your phone or another PC.<\/p>\n \n <div style=\"margin-bottom: 30px;\">\n <h3>Export Data<\/h3>\n <button id=\"generate-code-btn\" class=\"btn-primary\" style=\"margin: 10px 0;\">Generate Sync Code<\/button>\n <textarea id=\"export-code\" class=\"glass-input\" rows=\"4\" readonly placeholder=\"Your code will appear here...\"><\/textarea>\n <\/div>\n\n <hr style=\"border: 0; height: 1px; background: var(--glass-border); margin: 20px 0;\">\n\n <div>\n <h3>Import Data<\/h3>\n <textarea id=\"import-code\" class=\"glass-input\" rows=\"4\" placeholder=\"Paste your sync code here...\"><\/textarea>\n <button id=\"import-data-btn\" class=\"btn-primary\" style=\"margin-top: 10px; background: var(--success);\">Import & Replace Data<\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FocusDesk – Smart Productivity Dashboard FocusDesk Dashboard Tasks Timer Notes Finance Data Sync Dark Mode Dashboard Overview Score: 0 “Loading inspiration…” Tasks Left 0 Focus Sessions 0 Balance $0 LowMedHigh Add Pomodoro Break 25:00 Start Reset New Note Total Balance $0 Income $0 Expenses $0 IncomeExpense Add Backup & Sync Data Since we don’t use […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}