GamiDPC/securewin-shell

1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>SecureWin Shell</title>7    <link rel="stylesheet" href="style.css">8    <script src="https://cdn.tailwindcss.com"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script src="https://unpkg.com/feather-icons"></script>11    <script>12        tailwind.config = {13            theme: {14                extend: {15                    colors: {16                        primary: '#1E1E1E',17                        accent: '#2B579A',18                    }19                }20            }21        }22    </script>23</head>24<body class="bg-primary text-white font-sans h-screen overflow-hidden">25    <!-- Top Bar -->26    <div class="bg-primary border-b border-accent/20 h-12 flex items-center justify-between px-4">27        <div class="text-xl font-semibold">Защищенная оболочка</div>28        <div id="time" class="text-lg"></div>29    </div>30 31    <!-- App Grid -->32    <div class="grid grid-cols-4 gap-8 p-8 h-[calc(100vh-8rem)]">33        <!-- App Icons (12 total) -->34        <template id="app-icon-template">35            <div class="flex flex-col items-center cursor-pointer hover:bg-accent/10 p-4 rounded-lg transition-all">36                <div class="w-20 h-20 bg-accent/20 rounded-lg flex items-center justify-center mb-2">37                    <i data-feather="grid" class="w-10 h-10"></i>38                </div>39                <span class="text-center">Приложение</span>40            </div>41        </template>42    </div>43 44    <!-- Bottom Bar -->45    <div class="bg-primary border-t border-accent/20 h-12 flex items-center justify-center">46        <button id="admin-btn" class="bg-accent hover:bg-accent/80 px-4 py-2 rounded-lg flex items-center gap-2 transition-all">47            <i data-feather="lock"></i>48            <span>Админ доступ</span>49        </button>50    </div>51 52    <!-- Admin Modal -->53    <div id="admin-modal" class="fixed inset-0 bg-black/80 hidden items-center justify-center z-50">54        <div class="bg-primary rounded-lg p-6 w-80 space-y-4">55            <h2 class="text-xl font-semibold">Введите пароль</h2>56            <div class="space-y-2">57                <input id="password-input" type="password" class="w-full bg-primary border border-accent/20 rounded px-3 py-2" placeholder="••••••••">58                <div class="flex justify-end gap-2 pt-2">59                    <button id="cancel-btn" class="px-4 py-2 rounded hover:bg-accent/20 transition-all">Отмена</button>60                    <button id="submit-btn" class="bg-accent hover:bg-accent/80 px-4 py-2 rounded transition-all">Подтвердить</button>61                </div>62            </div>63        </div>64    </div>65 66    <script src="components/app-icon.js"></script>67    <script src="script.js"></script>68    <script>69        feather.replace();70    </script>71<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>72</body>73</html>