Create docker-publish.yml

.github/workflows/docker-publish.yml

@@ -70,6 +70,13 @@ jobs:
         uses: docker/metadata-action@96383f45573cb7f253c731d3b3ab81c87ef81934 # v5.0.0
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=ref,event=branch
+            type=ref,event=pr
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            type=semver,pattern={{major}}
+            type=raw,value=latest,enable={{is_default_branch}}
 
       # Build and push Docker image with Buildx (don't push on PR)
       # https://github.com/docker/build-push-action

.gitignore

@@ -1,2 +1,3 @@
-/.dockerignore
+/.DS_Store
 /node_modules
+/package-lock.json

Dockerfile

@@ -1,4 +1,5 @@
-FROM node:20-alpine
+# Build stage
+FROM node:20-alpine AS builder
 
 WORKDIR /app
 
@@ -13,3 +14,18 @@ COPY . .
 
 # Build the application
 RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy built files from builder stage
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Copy nginx configuration (if needed)
+# COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose port 80
+EXPOSE 80
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -20,12 +20,34 @@ Built with Svelte for speed and simplicity. No overwhelming features, no endless
 
 ## 🚀 Getting Started
 
-### Installation
+### Quick Start with Docker (Recommended)
+
+Pull and run the pre-built Docker image:
+
+```bash
+# Pull the image
+docker pull ghcr.io/aculix/negotium:main
+
+# Run the container
+docker run -d -p 3000:80 --name negotium ghcr.io/aculix/negotium:main
+```
+
+Then open `http://localhost:3000` in your browser.
+
+To stop the container:
+```bash
+docker stop negotium
+docker rm negotium
+```
+
+### Manual Installation
+
+If you prefer to run the application locally without Docker:
 
 1. Clone the repository:
 ```bash
 git clone <repository-url>
-cd simple-do
+cd negotium
 ```
 
 2. Install dependencies:
@@ -40,7 +62,7 @@ npm run dev
 
 4. Open `http://localhost:3000` in your browser
 
-### Build for Production
+#### Build for Production
 
 ```bash
 npm run build

src/App.svelte

@@ -16,17 +16,6 @@
   let draggedItem = null;
   let draggedOverIndex = null;
 
-  const initialTasks = [
-    { id: 1, text: 'Grocery shopping', completed: false, createdAt: Date.now() - 86400000 },
-    { id: 2, text: "Book doctor's appointment", completed: false, createdAt: Date.now() - 172800000 },
-    { id: 3, text: 'Pay bills', completed: true, createdAt: Date.now() - 259200000 },
-    { id: 4, text: 'Finish project report', completed: false, createdAt: Date.now() - 345600000 },
-    { id: 5, text: 'Call mom', completed: false, createdAt: Date.now() - 432000000 },
-    { id: 6, text: 'Plan weekend trip', completed: true, createdAt: Date.now() - 518400000 },
-    { id: 7, text: 'Read a chapter of a book', completed: false, createdAt: Date.now() - 604800000 },
-    { id: 8, text: 'Exercise', completed: false, createdAt: Date.now() - 691200000 }
-  ];
-
   function addTask() {
     if (newTask.trim()) {
       tasks = [...tasks, {
@@ -114,7 +103,7 @@
     if (savedTasks) {
       tasks = JSON.parse(savedTasks);
     } else {
-      tasks = dateString === new Date().toDateString() ? initialTasks : [];
+      tasks = [];
     }
   }
 

src/style.css

@@ -440,11 +440,6 @@ body {
   width: 200px;
   height: 200px;
   margin: 0 auto 24px;
-  filter: brightness(0) saturate(100%) invert(46%) sepia(89%) saturate(2445%) hue-rotate(224deg) brightness(101%) contrast(98%);
-}
-
-.dark .lottie-animation {
-  filter: brightness(0) saturate(100%) invert(59%) sepia(51%) saturate(3127%) hue-rotate(218deg) brightness(103%) contrast(101%);
 }
 
 .empty-state p {