Changes to adminly.scroll.pub

root

26 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Adminly Dashboard
+   
+     
+       Clients
+       Invoices
+       Settings
+     
+   
+ 
+ 
+ 
+   
+     Client Management
+     
+       
+     
+     
+   
+ 
+   
+     Invoice Management
+     
+       
+     
+     
+   
+ 
+   
+     Settings
+     
+       Theme:
+       
+       
+     
+   
+ 
+ 
+ 
+   Adminly - Simplifying Business Management
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://adminly.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Adminly - Client & Invoice Management
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "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\n  Adminly Dashboard\n  \n    \n      Clients
\n      Invoices
\n      Settings
\n    \n  \n\n\n\n  \n    Client Management\n    \n      \n    
\n    \n  \n\n  \n    Invoice Management\n    \n      \n    
\n    \n  \n\n  \n    Settings\n    \n      Theme:\n      \n      \n    \n  \n\n\n\n  Adminly - Simplifying Business Management
\n\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    \n      ${client.name}\n      ${client.email}
\n    
\n  `).join('');\n}\n\n// Render invoices\nfunction renderInvoices() {\n  const invoiceList = document.querySelector('.invoice-list');\n  invoiceList.innerHTML = invoices.map(invoice => `\n    \n      Invoice #${invoice.id}\n      Client: ${invoice.client}
\n      Amount: $${invoice.amount}
\n      Status: ${invoice.status}
\n    
\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"
+ }

readme.scroll

Changed around line 1

+ # adminly.scroll.pub

+ Website generated by DeepSeek from prompt: build an admin dashboard app managing clients/invoices/settings

script.js

Changed around line 1
+ // 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 => `
+     
+       ${client.name}
+       ${client.email}
+     
+   `).join('');
+ }
+ 
+ // Render invoices
+ function renderInvoices() {
+   const invoiceList = document.querySelector('.invoice-list');
+   invoiceList.innerHTML = invoices.map(invoice => `
+     
+       Invoice #${invoice.id}
+       Client: ${invoice.client}
+       Amount: $${invoice.amount}
+       Status: ${invoice.status}
+     
+   `).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!');
+ });

style.css

Changed around line 1
+ :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;
+   }
+ }