kosipov/iro-1425-2025-2026-lecture
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add trackers loader

Browse Source
This commit is contained in:
kosipov
2025-10-23 18:43:13 +03:00
parent 28732eda9d
commit 58147f4c45
2 changed files with 75 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
habbit-manager.html
View File

@@ -235,84 +235,14 @@
</header>
<!-- Сетка карточек привычек -->
<div class="habits-grid">
<!-- Карточка 1 -->
<div class="habit-card">
<div class="habit-card__header">
<div class="habit-card__icon">💧</div>
<h3 class="habit-card__title">Пить воду</h3>
</div>
<p class="habit-card__description">8 стаканов воды в день для поддержания водного баланса организма</p>
<div class="habit-card__progress">
<div class="habit-card__progress-info">
<span>Прогресс</span>
<span>75%</span>
</div>
<div class="habit-card__progress-bar">
<div class="habit-card__progress-fill" style="width: 75%"></div>
</div>
</div>
<div class="habit-card__actions">
<button class="button button--primary">Отметить выполнение</button>
<button class="button button--secondary">Подробнее</button>
</div>
</div>
<div class="habits-grid" id="habits-grid">
<!-- Карточка 2 -->
<div class="habit-card habit-card--important">
<div class="habit-card__header">
<div class="habit-card__icon">📚</div>
<h3 class="habit-card__title">Читать книги</h3>
</div>
<p class="habit-card__description">20 минут чтения развивающей литературы каждый вечер</p>
<div class="habit-card__progress">
<div class="habit-card__progress-info">
<span>Прогресс</span>
<span>45%</span>
</div>
<div class="habit-card__progress-bar">
<div class="habit-card__progress-fill" style="width: 45%"></div>
</div>
</div>
<div class="habit-card__actions">
<button class="button button--primary">Отметить выполнение</button>
<button class="button button--secondary">Подробнее</button>
</div>
</div>
<!-- Карточка 3 -->
<div class="habit-card habit-card--completed">
<div class="habit-card__header">
<div class="habit-card__icon">🏃</div>
<h3 class="habit-card__title">Утренняя зарядка</h3>
</div>
<p class="habit-card__description">15 минут физических упражнений каждое утро</p>
<div class="habit-card__progress">
<div class="habit-card__progress-info">
<span>Прогресс</span>
<span>100%</span>
</div>
<div class="habit-card__progress-bar">
<div class="habit-card__progress-fill" style="width: 100%"></div>
</div>
</div>
<div class="habit-card__actions">
<button class="button button--primary" disabled>Выполнено</button>
<button class="button button--secondary">Подробнее</button>
</div>
</div>
</div>
<!-- Форма добавления новой привычки -->
<div class="new-habit-form">
<h2 class="new-habit-form__title">➕ Добавить новую привычку</h2>
<!-- Здесь студенты будут добавлять форму -->
<div class="new-habit-form" id="new-habit-form">
<h2 class="new-habit-form__title" id="add-habbit-button">➕ Добавить новую привычку</h2>
</div>
</div>
<script src="app.js"></script>