Spaces:
Running
Running
File size: 11,321 Bytes
3352f18 04f03ab 3352f18 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 | <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VLAD-ARCHITECT: REALITY OS</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<div class="container">
<header>
<h1>VLAD-ARCHITECT: REALITY OS</h1>
<p>Персонализированная RPG-система для управления реальностью</p>
</header>
<main>
<!-- Дашборд -->
<section class="dashboard">
<h2>📊 Дашборд</h2>
<!-- Характеристики -->
<div class="characteristics">
<h3>Характеристики</h3>
<div class="stats-grid">
<div class="stat-card">
<span class="stat-name">💪 Сила воли (SW)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 45%"></div>
</div>
<span class="stat-value">450/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">🔋 Энергия (HP)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 75%"></div>
</div>
<span class="stat-value">750/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">🎯 Дисциплина (DISC)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 60%"></div>
</div>
<span class="stat-value">600/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">💰 Финансовая грамотность (FG)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 35%"></div>
</div>
<span class="stat-value">350/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">⚙️ Техническая экспертиза (TECH)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 55%"></div>
</div>
<span class="stat-value">550/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">📊 Системное мышление (SYS)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 50%"></div>
</div>
<span class="stat-value">500/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">👥 Лидерство (LDR)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 25%"></div>
</div>
<span class="stat-value">250/1000</span>
</div>
<div class="stat-card">
<span class="stat-name">🛡️ Стрессоустойчивость (STR)</span>
<div class="progress-bar">
<div class="progress-fill" style="width: 40%"></div>
</div>
<span class="stat-value">400/1000</span>
</div>
</div>
</div>
<!-- Прогресс к цели -->
<div class="financial-goal">
<h3>Прогресс к 1,000,000 ₽</h3>
<div class="progress-bar large">
<div class="progress-fill" style="width: 0.47%"></div>
</div>
<div class="financial-stats">
<span>Текущий портфель: 4,726 ₽</span>
<span>Цель: 1,000,000 ₽</span>
</div>
</div>
<!-- Активные уровни -->
<div class="active-levels">
<h3>Активные уровни</h3>
<div class="levels-grid">
<div class="level-card">
<h4>Инженерная ветка</h4>
<p>Уровень 4: Бригадир монтажников</p>
<div class="progress-bar">
<div class="progress-fill" style="width: 65%"></div>
</div>
<span>650,000/1,000,000 EXP</span>
</div>
<div class="level-card">
<h4>Инвесторская ветка</h4>
<p>Уровень 1: Финансовый новичок</p>
<div class="progress-bar">
<div class="progress-fill" style="width: 3%"></div>
</div>
<span>4,726/150,000 EXP</span>
</div>
<div class="level-card">
<h4>Личностная ветка</h4>
<p>Уровень 2: Самопознающий</p>
<div class="progress-bar">
<div class="progress-fill" style="width: 45%"></div>
</div>
<span>112,500/250,000 EXP</span>
</div>
</div>
</div>
<!-- Ближайшие цели -->
<div class="upcoming-goals">
<h3>Ближайшие цели</h3>
<ul>
<li>📈 Повысить финансовую грамотность до 400</li>
<li>💪 Достичь 500 силы воли</li>
<li>💰 Инвестировать 100,000 ₽ в ВДО</li>
<li>⚙️ Пройти курс по системному мышлению</li>
</ul>
</div>
</section>
<!-- Быстрый ввод данных -->
<section class="quick-input">
<h2>🎯 Быстрый ввод данных</h2>
<div class="input-grid">
<button class="action-btn">💼 Работа</button>
<button class="action-btn">💰 Инвестиции</button>
<button class="action-btn">🧘 Тренировка</button>
<button class="action-btn">📚 Обучение</button>
<button class="action-btn">📝 Медитация</button>
<button class="action-btn">🏖️ Отдых</button>
</div>
<form class="manual-input">
<h3>Ручной ввод показателей</h3>
<div class="form-group">
<label for="activity-type">Тип активности:</label>
<select id="activity-type">
<option value="career">Карьера</option>
<option value="finance">Финансы</option>
<option value="personal">Личное развитие</option>
</select>
</div>
<div class="form-group">
<label for="activity-description">Описание:</label>
<input type="text" id="activity-description" placeholder="Что было сделано?">
</div>
<div class="form-group">
<label for="exp-amount">Количество EXP:</label>
<input type="number" id="exp-amount" placeholder="Сколько EXP получено?">
</div>
<button type="submit" class="submit-btn">Добавить</button>
</form>
</section>
<!-- Детализированные отчеты -->
<section class="detailed-reports">
<h2>📈 Детализированные отчеты</h2>
<div class="report-tabs">
<button class="tab-btn active">Ежедневно</button>
<button class="tab-btn">Еженедельно</button>
<button class="tab-btn">Ежемесячно</button>
<button class="tab-btn">Годовые цели</button>
</div>
<div class="chart-container">
<canvas id="progressChart"></canvas>
</div>
<div class="report-content">
<h3>Ежедневная статистика</h3>
<ul>
<li>💼 Работа: 8 часов</li>
<li>💰 Инвестиции: 30 минут</li>
<li>🧘 Тренировка: 1 час</li>
<li>📚 Обучение: 2 часа</li>
</ul>
</div>
</section>
</main>
<footer>
<p>VLAD-ARCHITECT: REALITY OS v1.0 | Московское время (MSK)</p>
<div class="footer-actions">
<button class="footer-btn">💾 Сохранить</button>
<button class="footer-btn">📤 Экспорт данных</button>
<button class="footer-btn">📥 Импорт данных</button>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html> |