Changes to titech.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

TITech Support

+
+
    +
  • Inventory
    • +
  • Records
    • +
  • Tickets
    • +
    +
    +
    +
    +
    +
    +

    Inventory Management

    +
    +
    +
    +
    +
    +
    +
    +
    +

    Support Records

    +
    +
    +
    +
    +
    +
    +
    +
    +

    Support Tickets

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Contact us: support@titech.scroll.pub

    +
    index.scroll
    Changed around line 1
    + buildHtml
    + baseUrl https://titech.scroll.pub
    + metaTags
    + editButton /edit.html
    + title TITech Support - Inventory, Records & Tickets
    + style.css
    + body.html
    + script.js
    prompt.json
    Changed around line 1
    + {
    + "id": "3700ffea-3413-479a-95ae-457463eff440",
    + "object": "chat.completion",
    + "created": 1735352477,
    + "model": "deepseek-chat",
    + "choices": [
    + {
    + "index": 0,
    + "message": {
    + "role": "assistant",
    + "content": "---domain---\ntitech.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://titech.scroll.pub\nmetaTags\neditButton /edit.html\ntitle TITech Support - Inventory, Records & Tickets\nstyle.css\nbody.html\nscript.js\n---body.html---\n
    \n

    TITech Support

    \n \n
    \n\n
    \n
    \n

    Inventory Management

    \n
    \n \n \n
    \n
    \n
    \n\n
    \n

    Support Records

    \n
    \n \n \n
    \n
    \n
    \n\n
    \n

    Support Tickets

    \n
    \n \n \n \n
    \n
    \n
    \n
    \n\n
    \n

    Contact us: support@titech.scroll.pub

    \n
    \n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #f1f3f4;\n --text-color: #202124;\n --background-color: #ffffff;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n}\n\nheader {\n background: var(--primary-color);\n color: white;\n padding: 1rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\nnav ul {\n list-style: none;\n display: flex;\n gap: 1rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\nnav a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\nmain {\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\nsection {\n margin-bottom: 2rem;\n}\n\nh2 {\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\n.search-container, .filter-container {\n margin-bottom: 1rem;\n}\n\ninput, select, textarea {\n width: 100%;\n padding: 0.5rem;\n margin-top: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #1557b0;\n}\n\n#inventory-list, #records-list, #tickets-list {\n display: grid;\n gap: 1rem;\n}\n\n.card {\n background: var(--secondary-color);\n padding: 1rem;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--secondary-color);\n margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n header {\n flex-direction: column;\n text-align: center;\n }\n\n nav ul {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n main {\n padding: 1rem;\n }\n}\n---script.js---\n// Sample inventory data\nconst inventory = [\n { id: 1, name: \"Laptop\", quantity: 15 },\n { id: 2, name: \"Monitor\", quantity: 20 },\n { id: 3, name: \"Keyboard\", quantity: 30 }\n];\n\n// Sample records data\nconst records = [\n { id: 1, issue: \"Printer not working\", status: \"resolved\" },\n { id: 2, issue: \"Network connectivity\", status: \"pending\" }\n];\n\n// Sample tickets data\nlet tickets = [];\n\n// Display inventory\nfunction displayInventory(items) {\n const inventoryList = document.getElementById('inventory-list');\n inventoryList.innerHTML = items.map(item => `\n
    \n

    ${item.name}

    \n

    Quantity: ${item.quantity}

    \n
    \n `).join('');\n}\n\n// Display records\nfunction displayRecords(filter = 'all') {\n const recordsList = document.getElementById('records-list');\n const filteredRecords = filter === 'all' ? records : records.filter(r => r.status === filter);\n recordsList.innerHTML = filteredRecords.map(record => `\n
    \n

    ${record.issue}

    \n

    Status: ${record.status}

    \n
    \n `).join('');\n}\n\n// Display tickets\nfunction displayTickets() {\n const ticketsList = document.getElementById('tickets-list');\n ticketsList.innerHTML = tickets.map(ticket => `\n
    \n

    ${ticket}

    \n
    \n `).join('');\n}\n\n// Search inventory\nfunction searchInventory() {\n const searchTerm = document.getElementById('search').value.toLowerCase();\n const filteredInventory = inventory.filter(item => \n item.name.toLowerCase().includes(searchTerm)\n );\n displayInventory(filteredInventory);\n}\n\n// Handle ticket submission\ndocument.getElementById('ticket-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const issue = document.getElementById('issue').value;\n tickets.push(issue);\n displayTickets();\n this.reset();\n});\n\n// Handle record filtering\ndocument.getElementById('filter').addEventListener('change', function() {\n displayRecords(this.value);\n});\n\n// Initial display\ndisplayInventory(inventory);\ndisplayRecords();\n---end---"
    + },
    + "logprobs": null,
    + "finish_reason": "stop"
    + }
    + ],
    + "usage": {
    + "prompt_tokens": 247,
    + "completion_tokens": 1553,
    + "total_tokens": 1800,
    + "prompt_cache_hit_tokens": 0,
    + "prompt_cache_miss_tokens": 247
    + },
    + "system_fingerprint": "fp_f1afce2943"
    + }
    readme.scroll
    Changed around line 1
    + # titech.scroll.pub
    + Website generated by DeepSeek from prompt: I need a website for TI support with inventory and records and tickets
    script.js
    Changed around line 1
    + // Sample inventory data
    + const inventory = [
    + { id: 1, name: "Laptop", quantity: 15 },
    + { id: 2, name: "Monitor", quantity: 20 },
    + { id: 3, name: "Keyboard", quantity: 30 }
    + ];
    +
    + // Sample records data
    + const records = [
    + { id: 1, issue: "Printer not working", status: "resolved" },
    + { id: 2, issue: "Network connectivity", status: "pending" }
    + ];
    +
    + // Sample tickets data
    + let tickets = [];
    +
    + // Display inventory
    + function displayInventory(items) {
    + const inventoryList = document.getElementById('inventory-list');
    + inventoryList.innerHTML = items.map(item => `
    +
    +

    ${item.name}

    +

    Quantity: ${item.quantity}

    +
    + `).join('');
    + }
    +
    + // Display records
    + function displayRecords(filter = 'all') {
    + const recordsList = document.getElementById('records-list');
    + const filteredRecords = filter === 'all' ? records : records.filter(r => r.status === filter);
    + recordsList.innerHTML = filteredRecords.map(record => `
    +
    +

    ${record.issue}

    +

    Status: ${record.status}

    +
    + `).join('');
    + }
    +
    + // Display tickets
    + function displayTickets() {
    + const ticketsList = document.getElementById('tickets-list');
    + ticketsList.innerHTML = tickets.map(ticket => `
    +
    +

    ${ticket}

    +
    + `).join('');
    + }
    +
    + // Search inventory
    + function searchInventory() {
    + const searchTerm = document.getElementById('search').value.toLowerCase();
    + const filteredInventory = inventory.filter(item =>
    + item.name.toLowerCase().includes(searchTerm)
    + );
    + displayInventory(filteredInventory);
    + }
    +
    + // Handle ticket submission
    + document.getElementById('ticket-form').addEventListener('submit', function(e) {
    + e.preventDefault();
    + const issue = document.getElementById('issue').value;
    + tickets.push(issue);
    + displayTickets();
    + this.reset();
    + });
    +
    + // Handle record filtering
    + document.getElementById('filter').addEventListener('change', function() {
    + displayRecords(this.value);
    + });
    +
    + // Initial display
    + displayInventory(inventory);
    + displayRecords();
    style.css
    Changed around line 1
    + :root {
    + --primary-color: #1a73e8;
    + --secondary-color: #f1f3f4;
    + --text-color: #202124;
    + --background-color: #ffffff;
    + }
    +
    + body {
    + font-family: 'Segoe UI', system-ui, sans-serif;
    + line-height: 1.6;
    + color: var(--text-color);
    + background-color: var(--background-color);
    + margin: 0;
    + padding: 0;
    + }
    +
    + header {
    + background: var(--primary-color);
    + color: white;
    + padding: 1rem 2rem;
    + display: flex;
    + justify-content: space-between;
    + align-items: center;
    + }
    +
    + nav ul {
    + list-style: none;
    + display: flex;
    + gap: 1rem;
    + }
    +
    + nav a {
    + color: white;
    + text-decoration: none;
    + padding: 0.5rem 1rem;
    + border-radius: 4px;
    + transition: background-color 0.3s;
    + }
    +
    + nav a:hover {
    + background-color: rgba(255, 255, 255, 0.1);
    + }
    +
    + main {
    + padding: 2rem;
    + max-width: 1200px;
    + margin: 0 auto;
    + }
    +
    + section {
    + margin-bottom: 2rem;
    + }
    +
    + h2 {
    + color: var(--primary-color);
    + margin-bottom: 1rem;
    + }
    +
    + .search-container, .filter-container {
    + margin-bottom: 1rem;
    + }
    +
    + input, select, textarea {
    + width: 100%;
    + padding: 0.5rem;
    + margin-top: 0.5rem;
    + border: 1px solid #ddd;
    + border-radius: 4px;
    + }
    +
    + button {
    + background-color: var(--primary-color);
    + color: white;
    + border: none;
    + padding: 0.5rem 1rem;
    + border-radius: 4px;
    + cursor: pointer;
    + transition: background-color 0.3s;
    + }
    +
    + button:hover {
    + background-color: #1557b0;
    + }
    +
    + #inventory-list, #records-list, #tickets-list {
    + display: grid;
    + gap: 1rem;
    + }
    +
    + .card {
    + background: var(--secondary-color);
    + padding: 1rem;
    + border-radius: 4px;
    + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    + }
    +
    + footer {
    + text-align: center;
    + padding: 1rem;
    + background: var(--secondary-color);
    + margin-top: 2rem;
    + }
    +
    + @media (max-width: 768px) {
    + header {
    + flex-direction: column;
    + text-align: center;
    + }
    +
    + nav ul {
    + flex-direction: column;
    + gap: 0.5rem;
    + }
    +
    + main {
    + padding: 1rem;
    + }
    + }