Add metadata

.dockerignore

@@ -0,0 +1,8 @@
+node_modules
+dist
+.git
+.gitignore
+.env
+.env.*
+*.log
+README.md 

Dockerfile

@@ -0,0 +1,32 @@
+# Build stage
+FROM node:20-slim AS builder
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy project files
+COPY . .
+
+# Build the app
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy built assets from builder stage
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Copy nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose port 7860 (default for Hugging Face Spaces)
+EXPOSE 7860
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"] 

README.md

@@ -1,3 +1,12 @@
+---
+title: AI Deadlines
+emoji: ⚡
+colorFrom: gray
+colorTo: blue
+sdk: docker
+pinned: false
+---
+
 # Welcome to your Lovable project
 
 ## Project info
@@ -67,3 +76,17 @@ Simply open [Lovable](https://lovable.dev/projects/5c0b5f16-c917-4e43-9d0c-03c32
 ## I want to use a custom domain - is that possible?
 
 We don't support custom domains (yet). If you want to deploy your project under your own domain then we recommend using Netlify. Visit our docs for more details: [Custom domains](https://docs.lovable.dev/tips-tricks/custom-domain/)
+
+## Deploy with Docker
+
+First build the Docker image as follows:
+
+```bash
+docker build -t ai-deadlines .
+```
+
+Next it can be run as follows:
+
+```bash
+docker run -it -p 7860:7860 ai-deadlines
+```

nginx.conf

@@ -0,0 +1,25 @@
+server {
+    listen 7860;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+    
+    # Enable gzip compression
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+    
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
+        expires 30d;
+        add_header Cache-Control "public, no-transform";
+    }
+    
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN";
+    add_header X-XSS-Protection "1; mode=block";
+    add_header X-Content-Type-Options "nosniff";
+} 

src/components/Header.tsx

@@ -1,4 +1,3 @@
-
 import { Search } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { Link } from "react-router-dom";
@@ -48,6 +47,19 @@ const Header = ({ onSearch }: HeaderProps) => {
             </div>
           </div>
         </div>
+        <div className="max-w-4xl mx-auto text-center">
+          <p className="text-sm text-neutral-600 py-4">
+            Countdowns to top CV/NLP/ML/Robotics/AI conference deadlines. To add/edit a conference, send in a{' '}
+            <a 
+              href="https://github.com/NielsRogge/ai-deadlines-hub"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-primary hover:underline"
+            >
+              pull request
+            </a>.
+          </p>
+        </div>
       </div>
     </header>
   );

src/pages/Calendar.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import conferencesData from "@/data/conferences.yml";
 import { Conference } from "@/types/conference";
-import { Calendar as CalendarIcon, Tag, X } from "lucide-react"; // Added X import
+import { Calendar as CalendarIcon, Tag, X, Plus } from "lucide-react"; // Added X and Plus imports
 import { Calendar } from "@/components/ui/calendar";
 import { parseISO, format, isValid, isSameMonth, isSameYear, isSameDay, isSameWeek } from "date-fns";
 import { Toggle } from "@/components/ui/toggle";
@@ -444,6 +444,21 @@ const CalendarPage = () => {
           </TooltipProvider>
         ))}
 
+        {selectedCategories.size < Object.keys(categoryColors).length && (
+          <button
+            onClick={() => {
+              setSelectedCategories(new Set(Object.keys(categoryColors)));
+              setShowDeadlines(true);
+            }}
+            className="text-sm text-green-600 bg-green-50 hover:bg-green-100 hover:text-green-700
+              px-3 py-1.5 rounded-lg border border-green-200
+              transition-colors flex items-center gap-2"
+          >
+            <Plus className="h-4 w-4" />
+            Select All
+          </button>
+        )}
+
         {selectedCategories.size > 0 && (
           <button
             onClick={() => {