{"id":2,"date":"2025-09-10T15:56:52","date_gmt":"2025-09-10T15:56:52","guid":{"rendered":"https:\/\/distro.hafrikplay.com\/?page_id=2"},"modified":"2025-10-08T19:09:41","modified_gmt":"2025-10-08T19:09:41","slug":"artist-dashboard","status":"publish","type":"page","link":"https:\/\/distro.hafrikplay.com\/index.php\/artist-dashboard\/","title":{"rendered":"Artist Dashboard"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nHafrik Distro Dashboard<\/title>\n<style>\n:root {\n --hafrik-green: #0b8557;\n --hafrik-dark: #0c3f44;\n --light-bg: #f9f9f9;\n --text-dark: #222;\n --radius: 10px;\n}\nbody {\n font-family: \"Inter\", sans-serif;\n margin: 0;\n background: var(--light-bg);\n color: var(--text-dark);\n}\n\n\/* Header *\/\nheader {\n background: var(--hafrik-dark);\n color: white;\n padding: 18px 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\nheader h1 {\n font-size: 1.2rem;\n margin: 0;\n}\nnav a {\n color: white;\n text-decoration: none;\n margin-left: 18px;\n font-weight: 500;\n transition: 0.3s;\n}\nnav a:hover {\n color: #ffd700;\n}\n\n\/* Dashboard *\/\n.dashboard {\n padding: 25px;\n}\n\n\/* Stats Section *\/\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 15px;\n margin-bottom: 25px;\n}\n.stat-box {\n background: white;\n border-radius: var(--radius);\n box-shadow: 0 2px 5px rgba(0,0,0,0.08);\n padding: 20px;\n text-align: center;\n}\n.stat-box h3 {\n color: var(--hafrik-green);\n margin: 0;\n font-size: 1.5rem;\n}\n.stat-box p {\n margin: 6px 0 0;\n font-size: 0.9rem;\n color: #666;\n}\n\n\/* Sections *\/\n.section {\n background: white;\n padding: 20px;\n border-radius: var(--radius);\n box-shadow: 0 2px 5px rgba(0,0,0,0.06);\n margin-bottom: 25px;\n}\n.section h2 {\n color: var(--hafrik-dark);\n font-size: 1.1rem;\n margin-bottom: 15px;\n border-bottom: 2px solid var(--hafrik-green);\n display: inline-block;\n padding-bottom: 4px;\n}\n\n\/* Table *\/\n.table {\n width: 100%;\n border-collapse: collapse;\n}\n.table th, .table td {\n padding: 10px;\n border-bottom: 1px solid #eee;\n text-align: left;\n}\n.table th {\n background: #f0f0f0;\n color: #444;\n}\n\n\/* Button *\/\n.btn {\n background: var(--hafrik-green);\n color: white;\n padding: 6px 12px;\n border: none;\n border-radius: 6px;\n text-decoration: none;\n font-size: 0.85rem;\n}\n.btn:hover {\n background: #097a4f;\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n header {\n flex-direction: column;\n align-items: flex-start;\n }\n nav {\n margin-top: 10px;\n }\n .table th, .table td {\n font-size: 0.85rem;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<header>\n <h1>\ud83c\udfb6 Hafrik Distro Dashboard<\/h1>\n <nav>\n <a href=\"#\">Overview<\/a>\n <a href=\"#\">My Releases<\/a>\n <a href=\"#\">Upload<\/a>\n <a href=\"#\">Earnings<\/a>\n <a href=\"#\">Profile<\/a>\n <\/nav>\n<\/header>\n\n<div class=\"dashboard\">\n\n <!-- STATS -->\n <div class=\"stats-grid\">\n <div class=\"stat-box\">\n <h3>12<\/h3>\n <p>Total Releases<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h3>\u20a645,300<\/h3>\n <p>Total Earnings<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h3>8,240<\/h3>\n <p>Total Streams<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h3>2<\/h3>\n <p>Pending Approvals<\/p>\n <\/div>\n <\/div>\n\n <!-- MY RELEASES -->\n <div class=\"section\">\n <h2>My Releases<\/h2>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Cover<\/th>\n <th>Title<\/th>\n <th>Type<\/th>\n <th>Status<\/th>\n <th>Date<\/th>\n <th><\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/60x60.png\" width=\"50\" style=\"border-radius:6px;\"><\/td>\n <td>City Lights<\/td>\n <td>Single<\/td>\n <td>Approved<\/td>\n <td>Aug 25, 2025<\/td>\n <td><a href=\"#\" class=\"btn\">View<\/a><\/td>\n <\/tr>\n <tr>\n <td><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/60x60.png\" width=\"50\" style=\"border-radius:6px;\"><\/td>\n <td>Dreamwave EP<\/td>\n <td>EP<\/td>\n <td>Pending<\/td>\n <td>Sep 10, 2025<\/td>\n <td><a href=\"#\" class=\"btn\">Edit<\/a><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <!-- EARNINGS -->\n <div class=\"section\">\n <h2>Earnings Overview<\/h2>\n <p>You have earned <strong>\u20a645,300<\/strong> across all platforms this month.<\/p>\n <a href=\"#\" class=\"btn\">Withdraw Funds<\/a>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hafrik Distro Dashboard \ud83c\udfb6 Hafrik Distro Dashboard Overview My Releases Upload Earnings Profile 12 Total Releases \u20a645,300 Total Earnings 8,240 Total Streams 2 Pending Approvals My Releases Cover Title Type Status Date City Lights Single Approved Aug 25, 2025 View Dreamwave EP EP Pending Sep 10, 2025 Edit Earnings Overview You have earned \u20a645,300 across […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":4,"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/267"}],"wp:attachment":[{"href":"https:\/\/distro.hafrikplay.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}