templates

8 months ago · f8761d4453
parent 050f1868ff
commit f8761d4453
2 changed files with 170 additions and 0 deletions
--- a/templates/chatgpt/client-sidebar.html
+++ b/templates/chatgpt/client-sidebar.html
@ -0,0 +1,71 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Line Operator Dashboard | Container Depot</title>
    <script src="https://cdn.tailwindcss.com"></script>
 <style>
 .sidebar {
 	width: 220px;
 }
 .section-title {
    padding: 8px 16px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #93c5fd; /* light blue */
 }
 .nav-item {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    color: white;
    background-color: #1f2937; /* dark bg for example */
    transition: background-color 0.2s ease;
 }
 .nav-item:hover {
    background-color: #374151;
 }
 .nav-item.active {
    background-color: #2563eb; /* active item bg */
 }
 .nav-item .icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    stroke: currentColor;
 }
 </style>
 </head>
 <body> 
 	<div class="sidebar">
 		<div class="section-title">Main</div>
 		<a href="dashboard.html" class="nav-item active">
 			<svg xmlns="http://www.w3.org/2000/svg" class="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
 					  d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 
 						 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
 			</svg>
 			Dashboard
 		</a>
 		<a href="dashboard.html" class="nav-item active">
 			 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                </svg>
 			Container Preinfo
 		</a>
 		<a href="dashboard.html" class="nav-item active">
 			<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
                </svg>
 			Bookings
 		</a>
 	</div>
 </body>
--- a/templates/chatgpt/round
+++ b/templates/chatgpt/round
@ -0,0 +1,99 @@
 <!DOCTYPE html>
 <html lang="bg">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Таблица с красиви ръбове</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
 table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 10px auto;
    width: 80%;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    line-height: 1.2;
    font-size: 12px; /* по-малък текст навсякъде */	
 }
        thead {
            background-color: #f2f2f2;
        }
        tfoot {
            background-color: #f9f9f9;
        }
 th, td {
    padding: 4px 6px;
    text-align: center;
    border: none;
 }
 .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
 .footer-left button,
 .footer-right button {
    margin: 0 3px;
    padding: 3px 6px;
    font-size: 12px;
 }
 .page-number {
    margin: 0 10px;
    font-weight: bold;
 }
    </style>
 </head>
 <body>
    <table>
        <thead>
            <tr>
                <th>Колона 1</th>
                <th>Колона 2</th>
                <th>Колона 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Ред 1</td>
                <td>Ред 1</td>
                <td>Ред 1</td>
            </tr>
            <tr>
                <td>Ред 2</td>
                <td>Ред 2</td>
                <td>Ред 2</td>
            </tr>
            <tr>
                <td>Ред 3</td>
                <td>Ред 3</td>
                <td>Ред 3</td>
            </tr>
        </tbody>
 <tfoot>
    <tr>
        <td colspan="3">
            <div class="footer-container">
                <div class="footer-left">
                    <button>Добави</button>
                    <button>Изтрий</button>
                    <button>Редактирай</button>
                </div>
                <div class="footer-right">
                    <button>&laquo; Назад</button>
                    <span class="page-number">Стр. 1</span>
                    <button>Напред &raquo;</button>
                </div>
            </div>
        </td>
    </tr>
 </tfoot>
    </table>
 </body>
 </html>