From ca8cc5a986dc024955f599c3d4a3c685b5bb17ad Mon Sep 17 00:00:00 2001 From: kosipov Date: Thu, 16 Oct 2025 17:05:26 +0300 Subject: [PATCH] first commit --- maket/index.html | 293 ++++++++++++++++++++++++++++++++++++++++ app.js | 0 habbit-manager.html | 321 ++++++++++++++++++++++++++++++++++++++++++++ habit-manager.js | 29 ++++ index.html | 56 ++++++++ style.css | 112 ++++++++++++++++ 6 files changed, 811 insertions(+) create mode 100644 maket/index.html create mode 100644 app.js create mode 100644 habbit-manager.html create mode 100644 habit-manager.js create mode 100644 index.html create mode 100644 style.css diff --git a/ maket/index.html b/ maket/index.html new file mode 100644 index 0000000..32af18e --- /dev/null +++ b/ maket/index.html @@ -0,0 +1,293 @@ + + + + + + Мой трекер привычек + + + + +
+

🚀 Мой трекер привычек

+

Становись лучше каждый день!

+
+ + +
+ +
+

О чем этот проект?

+

Этот трекер поможет тебе формировать полезные привычки и отслеживать свой прогресс на пути к лучшей версии себя!

+

Основные возможности:

+
    +
  • ✅ Отслеживать свои привычки ежедневно
    • +
  • 📊 Видеть статистику и прогресс за неделю/месяц
    • +
  • 🎯 Ставить цели и достигать их
    • +
  • 📈 Анализировать свои успехи и области для роста
    • +
  • 👥 Делиться результатами с друзьями
    • +
+
+ + +
+

Примеры привычек для отслеживания

+ +
+

💧 Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+ +
+

📚 Читать

+

20 минут чтения в день для постоянного обучения и развития мышления

+
+ +
+

🏃 Физическая активность

+

30 минут упражнений в день для поддержания формы и энергии

+
+ +
+

🎯 Медитация

+

10 минут медитации утром для ясности ума и снижения стресса

+
+ +
+

✍️ Вести дневник

+

5 минут вечером для рефлексии и планирования следующего дня

+
+ +
+

🌿 Здоровый сон

+

7-8 часов качественного сна для восстановления сил и продуктивности

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..e69de29 diff --git a/habbit-manager.html b/habbit-manager.html new file mode 100644 index 0000000..70492b6 --- /dev/null +++ b/habbit-manager.html @@ -0,0 +1,321 @@ + + + + + + Трекер привычек - Лабораторная работа + + + +
+ +
+

🚀 Трекер полезных привычек

+

Отслеживайте свой прогресс и становитесь лучше каждый день

+ + +
+
+
7
+
Привычек
+
+
+
64%
+
Общий прогресс
+
+
+
21
+
День подряд
+
+
+
+ + +
+ +
+
+
💧
+

Пить воду

+
+

8 стаканов воды в день для поддержания водного баланса организма

+ +
+
+ Прогресс + 75% +
+
+
+
+
+ +
+ + +
+
+ + +
+
+
📚
+

Читать книги

+
+

20 минут чтения развивающей литературы каждый вечер

+ +
+
+ Прогресс + 45% +
+
+
+
+
+ +
+ + +
+
+ + +
+
+
🏃
+

Утренняя зарядка

+
+

15 минут физических упражнений каждое утро

+ +
+
+ Прогресс + 100% +
+
+
+
+
+ +
+ + +
+
+
+ + +
+

➕ Добавить новую привычку

+ +
+
+ + + + \ No newline at end of file diff --git a/habit-manager.js b/habit-manager.js new file mode 100644 index 0000000..f16ffbb --- /dev/null +++ b/habit-manager.js @@ -0,0 +1,29 @@ +const HabitManager = { + habits: [], // список привычек + settings: { + dailyGoal: 3, // цель кол-ва привычек за день + enableNotification: true, // включить уведомления + theme: 'light' // тип темы дизайна приложения + }, // настройки приложения + stats: { + totalCompletions: 0, // общее кол-во выполненных привычек + currentStreak: 0, // текущая серия выполненных привычек + longestStreak: 0, // максимальная серия выполненных привычек + level: 1, // уровень пользователя + experience: 0 // опыт пользователя + } // статистика пользователя +} + +HabitManager.createHabit = function (name, description, targetCount = 1) { + const habit = { + id: Math.random(), + name: name, + description: description, + targetCount: targetCount + } + + this.habits.push(habit) + + return habit +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..8e5567f --- /dev/null +++ b/index.html @@ -0,0 +1,56 @@ + + + + + + + Трекер привычек + + +
+

Трекер привычек

+

Становись лучше каждый день

+
+
+
+

О чем этот проект

+

Этот трекер поможет тебе:

+
    +
  • ✅ Отслеживать свои привычки
    • +
  • Видеть свой прогресс
    • +
  • Достигать поставленных целей
    • +
+
+
+

+ Примеры привычек для отслеживания +

+
+

Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+
+

Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+
+

Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+
+

Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+
+

Пить воду

+

8 стаканов воды в день для поддержания водного баланса и здоровья организма

+
+
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..7e1c88b --- /dev/null +++ b/style.css @@ -0,0 +1,112 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: "Arial", sans-serif; + line-height: 1.6; + color: #333; + background-color: #f5f5f5; +} + +.header { + background-color: #45a049; + color: white; + text-align: center; + padding: 20px; + margin-bottom: 20px; +} + +.header__title { + margin: 0; + font-size: 2.5em; +} + +.header__description { + margin: 10px 0 0 0; + font-size: 1.2em; +} + +.main-content { + max-width: 800px; + margin: 0 auto; + padding: 0 20px; +} + +.about { + background-color: #f9f9f9; + padding: 20px; + border-radius: 10px; + border-left: 5px solid #4caf50; + margin-bottom: 20px; +} + +.about__title { + color: #2c3e50; + border-bottom: 2px solid #4caf50; + padding-bottom: 10px; +} + +.habits-examples h2 { + color: #333; + text-align: center; + margin-bottom: 30px; +} + +.habits-examples h2::after { + content: ''; + display: block; + width: 100px; + background-color: #45a049; + margin: 10px auto; + height: 5px; +} + +.habits-examples-line { + display: block; + width: 100px; + height: 3px; + background-color: #45a049; + margin-left: 50%; +} + + +.habit-card { + background: white; + border: 2px solid #e0e0e0; + border-radius: 8px; + padding: 15px; + margin-bottom: 15px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + transition: all 0.3s ease; +} + +.habit-card--completed { + border: 2px solid #4caf50;; +} + +.habit-card p { + margin: 0; + color: #666; +} + +.habit-card h3 { + margin: 0 0 10px 0; + color: #4caf50; +} + +.habit-card:hover { + transform: translateY(-5px); + box-shadow: 0 5px 20px rgba(0,0,0,0.15); + border-color: #4caf50; +} + +.footer { + background-color: #333; + color: white; + text-align: center; + padding: 20px; + margin-top: 40px; +} \ No newline at end of file