chore: 1.0.5

README.md

@@ -4,6 +4,8 @@
 
 > A shareable task list with auto resetting items.
 
+![](./public/assets/preview.jpg)
+
 **[todo.klemek.fr](https://todo.klemek.fr)**
 
 ## Running your own

index.html

@@ -16,7 +16,7 @@
         <!-- card related -->
         <meta property="og:title" content="{{ title }}">
         <meta property="og:description" content="{{ lang('home') }}">
-        <meta property="og:image" content="{{ app_url }}/assets/favicon-96x96.jpg">
+        <meta property="og:image" content="{{ app_url }}/assets/preview.jpg">
         <meta property="og:url" content="{{ app_url }}/{{ path }}">
 
         <script

package.json

@@ -1,6 +1,6 @@
 {
     "name": "tout-doux",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "private": true,
     "type": "module",
     "engines": {

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "tout-doux"
-version = "1.0.4"
+version = "1.0.5"
 description = ""
 requires-python = ">=3.14"
 dependencies = [

resources/css/style.css

@@ -10,3 +10,29 @@ body {
     font-style: normal;
     font-variation-settings: "wdth" 100;
 }
+
+.bg-hero {
+    --size: 5vh;
+    --angle: 45deg;
+    background: repeating-linear-gradient(
+        var(--angle),
+        var(--color-base-200) calc(0 * var(--size)),
+        var(--color-base-200) calc(1 * var(--size)),
+        var(--color-secondary) calc(1 * var(--size)),
+        var(--color-secondary) calc(2 * var(--size)),
+        var(--color-base-200) calc(2 * var(--size)),
+        var(--color-base-200) calc(3 * var(--size)),
+        var(--color-accent) calc(3 * var(--size)),
+        var(--color-accent) calc(4 * var(--size)),
+        var(--color-base-200) calc(4 * var(--size))
+    );
+    background-size: calc(4 * var(--size) / sin(var(--angle)))
+        calc(4 * var(--size) / sin(var(--angle)));
+    animation: BackgroundAnimate 10s linear infinite reverse;
+}
+
+@keyframes BackgroundAnimate {
+    0% {
+        background-position: calc(4 * var(--size) / sin(var(--angle))) 0;
+    }
+}

resources/ts/App.vue

@@ -22,7 +22,7 @@ onMounted(() => {
         :style="{ display: visible ? 'flex' : 'none' }"
         class="min-h-screen flex-col w-screen"
     >
-        <div class="hero bg-base-200 grow">
+        <div class="hero bg-hero grow">
             <div class="hero-content text-center p-0">
                 <div
                     class="max-w-md min-w-96 bg-base-100 rounded-box shadow-md"

resources/ts/views/ListView.vue

@@ -198,26 +198,6 @@ onBeforeRouteUpdate((to) => {
                 <span v-html="$t('all_completed_hint')"></span
             ></span>
         </li>
-        <li class="list-row">
-            <div class="list-col-grow">
-                <input
-                    v-model="taskInput"
-                    type="text"
-                    :placeholder="$t('new_task_hint')"
-                    class="input w-full"
-                    @keyup.enter="onNewTask"
-                />
-            </div>
-            <div>
-                <button
-                    class="btn btn-square"
-                    :disabled="loading || taskInput.trim().length === 0"
-                    @click="onNewTask"
-                >
-                    <circle-plus-icon />
-                </button>
-            </div>
-        </li>
     </ul>
     <div
         v-if="separateCompleted && hasCompleted"
@@ -247,6 +227,22 @@ onBeforeRouteUpdate((to) => {
             </ul>
         </div>
     </div>
+    <div class="flex gap-2 p-4">
+        <input
+            v-model="taskInput"
+            type="text"
+            :placeholder="$t('new_task_hint')"
+            class="input grow"
+            @keyup.enter="onNewTask"
+        />
+        <button
+            class="btn btn-square"
+            :disabled="loading || taskInput.trim().length === 0"
+            @click="onNewTask"
+        >
+            <circle-plus-icon />
+        </button>
+    </div>
     <div>
         <button class="btn btn-sm px-4" @click="onShare">
             <share-2-icon class="inline" :size="16" /> {{ $t('share_button') }}

uv.lock

@@ -323,7 +323,7 @@ asyncpg = [
 
 [[package]]
 name = "tout-doux"
-version = "1.0.4"
+version = "1.0.5"
 source = { editable = "." }
 dependencies = [
     { name = "flask", extra = ["async"] },