Last 10 Commits for adminly.scroll.pub

commit 32e51b76ea061c43b0da49a4ae174bb61320105a Author: root <root@hub.scroll.pub> Date: 2024-12-27 18:30:17 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..beaf1f5 --- /dev/null +++ b/body.html @@ -0,0 +1,44 @@ +<header class="dashboard-header"> + <h1>Adminly Dashboard</h1> + <nav class="main-nav"> + <ul> + <li><a href="#clients">Clients</a></li> + <li><a href="#invoices">Invoices</a></li> + <li><a href="#settings">Settings</a></li> + </ul> + </nav> +</header> + +<main class="dashboard-container"> + <section id="clients" class="dashboard-section"> + <h2>Client Management</h2> + <div class="client-list"> +  + </div> + <button class="add-client-btn">Add New Client</button> + </section> + + <section id="invoices" class="dashboard-section"> + <h2>Invoice Management</h2> + <div class="invoice-list"> +  + </div> + <button class="create-invoice-btn">Create New Invoice</button> + </section> + + <section id="settings" class="dashboard-section"> + <h2>Settings</h2> + <form class="settings-form"> + <label for="theme">Theme:</label> + <select id="theme" name="theme"> + <option value="light">Light</option> + <option value="dark">Dark</option> + </select> + <button type="submit">Save Settings</button> + </form> + </section> +</main> + +<footer class="dashboard-footer"> + <p>Adminly - Simplifying Business Management</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..30289cc --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://adminly.scroll.pub +metaTags +editButton /edit.html +title Adminly - Client & Invoice Management +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..43ca29a --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "51873b11-f646-4152-8622-54ad2dc1d198", + "object": "chat.completion", + "created": 1735324196, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nadminly.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://adminly.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Adminly - Client & Invoice Management\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"dashboard-header\">\n <h1>Adminly Dashboard</h1>\n <nav class=\"main-nav\">\n <ul>\n <li><a href=\"#clients\">Clients</a></li>\n <li><a href=\"#invoices\">Invoices</a></li>\n <li><a href=\"#settings\">Settings</a></li>\n </ul>\n </nav>\n</header>\n\n<main class=\"dashboard-container\">\n <section id=\"clients\" class=\"dashboard-section\">\n <h2>Client Management</h2>\n <div class=\"client-list\">\n \n </div>\n <button class=\"add-client-btn\">Add New Client</button>\n </section>\n\n <section id=\"invoices\" class=\"dashboard-section\">\n <h2>Invoice Management</h2>\n <div class=\"invoice-list\">\n \n </div>\n <button class=\"create-invoice-btn\">Create New Invoice</button>\n </section>\n\n <section id=\"settings\" class=\"dashboard-section\">\n <h2>Settings</h2>\n <form class=\"settings-form\">\n <label for=\"theme\">Theme:</label>\n <select id=\"theme\" name=\"theme\">\n <option value=\"light\">Light</option>\n <option value=\"dark\">Dark</option>\n </select>\n <button type=\"submit\">Save Settings</button>\n </form>\n </section>\n</main>\n\n<footer class=\"dashboard-footer\">\n <p>Adminly - Simplifying Business Management</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #2563eb;\n --secondary-color: #1e40af;\n --background-light: #f8fafc;\n --background-dark: #1e293b;\n --text-light: #ffffff;\n --text-dark: #0f172a;\n}\n\nbody {\n margin: 0;\n font-family: 'Segoe UI', system-ui, sans-serif;\n background-color: var(--background-light);\n color: var(--text-dark);\n transition: background-color 0.3s, color 0.3s;\n}\n\n.dashboard-header {\n background-color: var(--primary-color);\n color: var(--text-light);\n padding: 1.5rem;\n text-align: center;\n}\n\n.main-nav ul {\n list-style: none;\n padding: 0;\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-top: 1rem;\n}\n\n.main-nav a {\n color: var(--text-light);\n text-decoration: none;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n\n.main-nav a:hover {\n opacity: 0.8;\n}\n\n.dashboard-container {\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.dashboard-section {\n margin-bottom: 3rem;\n background-color: var(--text-light);\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.client-list,\n.invoice-list {\n display: grid;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.add-client-btn,\n.create-invoice-btn {\n background-color: var(--primary-color);\n color: var(--text-light);\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.add-client-btn:hover,\n.create-invoice-btn:hover {\n background-color: var(--secondary-color);\n}\n\n.settings-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 300px;\n}\n\n.settings-form select {\n padding: 0.5rem;\n border-radius: 4px;\n border: 1px solid #ccc;\n}\n\n.dashboard-footer {\n text-align: center;\n padding: 1rem;\n background-color: var(--primary-color);\n color: var(--text-light);\n margin-top: 2rem;\n}\n\n/* Dark theme */\nbody.dark-theme {\n background-color: var(--background-dark);\n color: var(--text-light);\n}\n\n.dark-theme .dashboard-section {\n background-color: var(--background-dark);\n box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n .main-nav ul {\n flex-direction: column;\n gap: 1rem;\n }\n\n .dashboard-container {\n padding: 1rem;\n }\n}\n---script.js---\n// Theme switcher\nconst themeSelect = document.getElementById('theme');\nconst body = document.body;\n\n// Load saved theme\nconst savedTheme = localStorage.getItem('theme') || 'light';\nbody.classList.toggle('dark-theme', savedTheme === 'dark');\nthemeSelect.value = savedTheme;\n\n// Theme change handler\nthemeSelect.addEventListener('change', (e) => {\n const selectedTheme = e.target.value;\n body.classList.toggle('dark-theme', selectedTheme === 'dark');\n localStorage.setItem('theme', selectedTheme);\n});\n\n// Sample client data\nconst clients = [\n { id: 1, name: 'Acme Corp', email: 'contact@acme.com' },\n { id: 2, name: 'Globex Inc', email: 'info@globex.com' }\n];\n\n// Sample invoice data\nconst invoices = [\n { id: 101, client: 'Acme Corp', amount: 1500, status: 'Paid' },\n { id: 102, client: 'Globex Inc', amount: 2500, status: 'Pending' }\n];\n\n// Render clients\nfunction renderClients() {\n const clientList = document.querySelector('.client-list');\n clientList.innerHTML = clients.map(client => `\n <div class=\"client-item\">\n <h3>${client.name}</h3>\n <p>${client.email}</p>\n </div>\n `).join('');\n}\n\n// Render invoices\nfunction renderInvoices() {\n const invoiceList = document.querySelector('.invoice-list');\n invoiceList.innerHTML = invoices.map(invoice => `\n <div class=\"invoice-item\">\n <h3>Invoice #${invoice.id}</h3>\n <p>Client: ${invoice.client}</p>\n <p>Amount: $${invoice.amount}</p>\n <p>Status: ${invoice.status}</p>\n </div>\n `).join('');\n}\n\n// Initial render\nrenderClients();\nrenderInvoices();\n\n// Add client button handler\ndocument.querySelector('.add-client-btn').addEventListener('click', () => {\n alert('Add new client functionality coming soon!');\n});\n\n// Create invoice button handler\ndocument.querySelector('.create-invoice-btn').addEventListener('click', () => {\n alert('Create new invoice functionality coming soon!');\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 245, + "completion_tokens": 1614, + "total_tokens": 1859, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 245 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..358abca --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# adminly.scroll.pub +Website generated by DeepSeek from prompt: build an admin dashboard app managing clients/invoices/settings \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..24f9298 --- /dev/null +++ b/script.js @@ -0,0 +1,65 @@ +// Theme switcher +const themeSelect = document.getElementById('theme'); +const body = document.body; + +// Load saved theme +const savedTheme = localStorage.getItem('theme') || 'light'; +body.classList.toggle('dark-theme', savedTheme === 'dark'); +themeSelect.value = savedTheme; + +// Theme change handler +themeSelect.addEventListener('change', (e) => { + const selectedTheme = e.target.value; + body.classList.toggle('dark-theme', selectedTheme === 'dark'); + localStorage.setItem('theme', selectedTheme); +}); + +// Sample client data +const clients = [ + { id: 1, name: 'Acme Corp', email: 'contact@acme.com' }, + { id: 2, name: 'Globex Inc', email: 'info@globex.com' } +]; + +// Sample invoice data +const invoices = [ + { id: 101, client: 'Acme Corp', amount: 1500, status: 'Paid' }, + { id: 102, client: 'Globex Inc', amount: 2500, status: 'Pending' } +]; + +// Render clients +function renderClients() { + const clientList = document.querySelector('.client-list'); + clientList.innerHTML = clients.map(client => ` + <div class="client-item"> + <h3>${client.name}</h3> + <p>${client.email}</p> + </div> + `).join(''); +} + +// Render invoices +function renderInvoices() { + const invoiceList = document.querySelector('.invoice-list'); + invoiceList.innerHTML = invoices.map(invoice => ` + <div class="invoice-item"> + <h3>Invoice #${invoice.id}</h3> + <p>Client: ${invoice.client}</p> + <p>Amount: $${invoice.amount}</p> + <p>Status: ${invoice.status}</p> + </div> + `).join(''); +} + +// Initial render +renderClients(); +renderInvoices(); + +// Add client button handler +document.querySelector('.add-client-btn').addEventListener('click', () => { + alert('Add new client functionality coming soon!'); +}); + +// Create invoice button handler +document.querySelector('.create-invoice-btn').addEventListener('click', () => { + alert('Create new invoice functionality coming soon!'); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..4b01e52 --- /dev/null +++ b/style.css @@ -0,0 +1,124 @@ +:root { + --primary-color: #2563eb; + --secondary-color: #1e40af; + --background-light: #f8fafc; + --background-dark: #1e293b; + --text-light: #ffffff; + --text-dark: #0f172a; +} + +body { + margin: 0; + font-family: 'Segoe UI', system-ui, sans-serif; + background-color: var(--background-light); + color: var(--text-dark); + transition: background-color 0.3s, color 0.3s; +} + +.dashboard-header { + background-color: var(--primary-color); + color: var(--text-light); + padding: 1.5rem; + text-align: center; +} + +.main-nav ul { + list-style: none; + padding: 0; + display: flex; + justify-content: center; + gap: 2rem; + margin-top: 1rem; +} + +.main-nav a { + color: var(--text-light); + text-decoration: none; + font-weight: 500; + transition: opacity 0.2s; +} + +.main-nav a:hover { + opacity: 0.8; +} + +.dashboard-container { + padding: 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.dashboard-section { + margin-bottom: 3rem; + background-color: var(--text-light); + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.client-list, +.invoice-list { + display: grid; + gap: 1rem; + margin-bottom: 1.5rem; +} + +.add-client-btn, +.create-invoice-btn { + background-color: var(--primary-color); + color: var(--text-light); + border: none; + padding: 0.75rem 1.5rem; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.2s; +} + +.add-client-btn:hover, +.create-invoice-btn:hover { + background-color: var(--secondary-color); +} + +.settings-form { + display: flex; + flex-direction: column; + gap: 1rem; + max-width: 300px; +} + +.settings-form select { + padding: 0.5rem; + border-radius: 4px; + border: 1px solid #ccc; +} + +.dashboard-footer { + text-align: center; + padding: 1rem; + background-color: var(--primary-color); + color: var(--text-light); + margin-top: 2rem; +} + +/* Dark theme */ +body.dark-theme { + background-color: var(--background-dark); + color: var(--text-light); +} + +.dark-theme .dashboard-section { + background-color: var(--background-dark); + box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); +} + +/* Responsive design */ +@media (max-width: 768px) { + .main-nav ul { + flex-direction: column; + gap: 1rem; + } + + .dashboard-container { + padding: 1rem; + } +} \ No newline at end of file