uniform design (card) + names + deleted Home

app.py

@@ -135,10 +135,15 @@ def index():
     for habit_list in habit_lists:
         habit_list.habits = sorted(habit_list.get_habits(), key=lambda habit: (not habit.checked, habit.slot))
 
+    days = {"Monday": "Montag", "Tuesday": "Dienstag", "Wednesday": "Mittwoch", "Thursday": "Donnerstag",
+            "Friday": "Freitag", "Saturday": "Samstag", "Sunday": "Sonntag"}
+
+    date = datetime.datetime.now().strftime("%d.%m.%Y %H:%M ") + days[datetime.datetime.now().strftime("%A")]
+
     return render_template(
         'index.html',
         title=name,
-        utc_dt=datetime.datetime.now().strftime("%d.%m.%Y %H:%M %A"),
+        utc_dt=date,
         habit_lists=habit_lists,
         heatmap_values=heatmap_values,
         errors={},

templates/components/habit_lists.html

@@ -121,7 +121,7 @@
                     </div>
 
                     <!-- Beschreibung -->
-                    <div class="col-md-3 d-none d-md-block text-black text-opacity-50"
+                    <div class="col-md-4 d-none d-md-block text-black text-opacity-50"
                          style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
                         {{ habit.note }}
                     </div>
@@ -129,7 +129,7 @@
                     <!-- Streak -->
                     <div class="col-2" id="streak-{{ habit.id }}" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
                         {% if not habit.streak == 0 %}
-                        {{ habit.streak }} 🔥
+                        {{ habit.streak }}20 🔥
                         {% endif %}
                     </div>
 
@@ -140,7 +140,7 @@
                         <i class="bi bi-trash3"></i>
                     </button>
 
-                    <!--  -->
+                    <!-- Knopf für das Bearbeiten der Gewohnheit -->
                     <a type="button" class="btn" href="{{ url_for('edit_habit') }}?habit={{ habit.id }}" aria-current="page"
                             style="width: 40px; height: 40px; min-height: 3em;">
 

templates/habit-list.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="card bg-light p-5 mt-5">
-<h1>Habitliste erstellen📋</h1>
+<h1>Gewohnheitsliste erstellen📋</h1>
 
 <form action="/habit-list" method="POST">
     <div class="mb-3">

templates/habit.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="card bg-light p-5 mt-5">
-<h1>Habit erstellen📋</h1>
+<h1>Gewohnheit erstellen📋</h1>
 
 <form action="/habit" method="POST">
     <div class="mb-3">

templates/layouts/main.html

@@ -34,11 +34,7 @@
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <ul class="me-auto"></ul>
-                <li class="nav-item">
-                    <a class="nav-link text-white {% if title == 'Home' %} active {% endif %}" aria-current="page" href="{{ url_for('index') }}">Home</a>
-                </li>
-            </ul>
             <ul class="navbar-nav mb-2 mb-lg-0">
                 {% if not current_user.is_authenticated %}
                 <li class="nav-item me-2">

templates/users.html

@@ -1,14 +1,16 @@
 {% extends 'layouts/main.html' %}
 
 {% block content %}
+<div class="card bg-light mt-4 p-5">
+    <h1>{{ habit_list.name }}: {{ title }}</h1>
+    <p>Lade Nutzer per ihrer E-Mail-Adresse ein</p>
 
-<h1>{{ habit_list.name }}: {{ title }}</h1>
+    <form action="/users" method="POST">
-<p>Lade Nutzer per ihrer E-Mail-Adresse ein</p>
-
-<form action="/users" method="POST">
         <div class="mb-3">
             <label for="email" class="form-label">E-Mail</label>
-        <input type="text" placeholder="beispiel@cimeyclust.com" class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email" name="email" value="{{email}}">
+            <input type="text" placeholder="beispiel@cimeyclust.com"
+                   class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email" name="email"
+                   value="{{email}}">
             <div class="invalid-feedback">
                 {{ errors.get('email', '') }}
             </div>
@@ -18,6 +20,6 @@
 
         <!-- submit button -->
         <button type="submit" class="btn btn-primary">Einladen</button>
-</form>
+    </form>
-
+</div>
 {% endblock %}