Update README

README.md

@@ -7,23 +7,17 @@ sdk: docker
 pinned: false
 ---
 
-# Welcome to your Lovable project
+# AI Conference Deadlines
 
 ## Project info
 
-**URL**: https://lovable.dev/projects/5c0b5f16-c917-4e43-9d0c-03c32081e407
+This project is entirely based on the awesome http://aideadlines.org/. It's an up-to-date version along with a new UI.
 
-## How can I edit this code?
+It was bootstrapped using [Lovable](https://lovable.dev/) and [Cursor](https://www.cursor.com/).
 
-There are several ways of editing your application.
+**URL**: https://huggingface.co/spaces/huggingface/ai-deadlines
 
-**Use Lovable**
-
-Simply visit the [Lovable Project](https://lovable.dev/projects/5c0b5f16-c917-4e43-9d0c-03c32081e407) and start prompting.
-
-Changes made via Lovable will be committed automatically to this repo.
-
-**Use your preferred IDE**
+## How to run locally
 
 If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
 
@@ -33,10 +27,10 @@ Follow these steps:
 
 ```sh
 # Step 1: Clone the repository using the project's Git URL.
-git clone <YOUR_GIT_URL>
+git clone https://github.com/NielsRogge/ai-deadlines-hub
 
 # Step 2: Navigate to the project directory.
-cd <YOUR_PROJECT_NAME>
+cd ai-deadlines-hub
 
 # Step 3: Install the necessary dependencies.
 npm i
@@ -45,38 +39,6 @@ npm i
 npm run dev
 ```
 
-**Edit a file directly in GitHub**
-
-- Navigate to the desired file(s).
-- Click the "Edit" button (pencil icon) at the top right of the file view.
-- Make your changes and commit the changes.
-
-**Use GitHub Codespaces**
-
-- Navigate to the main page of your repository.
-- Click on the "Code" button (green button) near the top right.
-- Select the "Codespaces" tab.
-- Click on "New codespace" to launch a new Codespace environment.
-- Edit files directly within the Codespace and commit and push your changes once you're done.
-
-## What technologies are used for this project?
-
-This project is built with .
-
-- Vite
-- TypeScript
-- React
-- shadcn-ui
-- Tailwind CSS
-
-## How can I deploy this project?
-
-Simply open [Lovable](https://lovable.dev/projects/5c0b5f16-c917-4e43-9d0c-03c32081e407) and click on Share -> Publish.
-
-## 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:
@@ -90,3 +52,13 @@ Next it can be run as follows:
 ```bash
 docker run -it -p 7860:7860 ai-deadlines
 ```
+
+## Technologies used
+
+This project is built with:
+
+- Vite
+- TypeScript
+- React
+- shadcn-ui
+- Tailwind CSS

src/components/ConferenceDialog.tsx

@@ -3,6 +3,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle,
+  DialogDescription,
 } from "@/components/ui/dialog";
 import { CalendarDays, Globe, Tag, Clock, AlarmClock, CalendarPlus } from "lucide-react";
 import { Conference } from "@/types/conference";
@@ -170,56 +171,65 @@ END:VCALENDAR`;
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="dialog-content max-w-md">
+      <DialogContent className="max-w-2xl">
         <DialogHeader>
-          <DialogTitle className="text-xl font-bold">
-            {conference.title}
-          </DialogTitle>
-          {conference.full_name && (
-            <p className="text-sm text-neutral-600">{conference.full_name}</p>
-          )}
+          <DialogTitle>{conference.title} {conference.year}</DialogTitle>
+          <DialogDescription>
+            {conference.full_name}
+          </DialogDescription>
         </DialogHeader>
-        
-        <div className="space-y-4 py-4">
-          <div className="flex flex-col gap-3">
-            <div className="flex items-center text-neutral">
-              <CalendarDays className="h-5 w-5 mr-3 flex-shrink-0" />
-              <span>{conference.date}</span>
-            </div>
-            <div className="flex items-center text-neutral">
-              <Globe className="h-5 w-5 mr-3 flex-shrink-0" />
-              <a
-                href={generateGoogleMapsUrl(conference.venue, conference.place)}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="hover:text-primary hover:underline"
-                onClick={(e) => e.stopPropagation()}
-              >
-                {conference.place}
-              </a>
+
+        <div className="space-y-4">
+          <div className="flex items-start gap-2">
+            <CalendarDays className="h-5 w-5 mt-0.5 text-gray-500" />
+            <div>
+              <p className="font-medium">Conference Dates</p>
+              <p className="text-sm text-gray-500">{conference.date}</p>
             </div>
-            <div className="flex items-center text-neutral">
-              <Clock className="h-5 w-5 mr-3 flex-shrink-0" />
-              <div className="flex flex-col">
-                <span>Deadline: {conference.deadline === 'TBD' ? 'TBD' : conference.deadline}</span>
-                {conference.timezone && (
-                  <span className="text-sm text-neutral-500">Timezone: {conference.timezone}</span>
+          </div>
+
+          <div className="flex items-start gap-2">
+            <Clock className="h-5 w-5 mt-0.5 text-gray-500" />
+            <div className="space-y-2">
+              <p className="font-medium">Important Deadlines</p>
+              <div className="text-sm text-gray-500 space-y-1">
+                {conference.abstract_deadline && (
+                  <p>Abstract: {conference.abstract_deadline}</p>
+                )}
+                <p>Submission: {conference.deadline}</p>
+                {conference.commitment_deadline && (
+                  <p>Commitment: {conference.commitment_deadline}</p>
+                )}
+                {conference.review_release_date && (
+                  <p>Reviews Released: {conference.review_release_date}</p>
+                )}
+                {(conference.rebuttal_period_start || conference.rebuttal_period_end) && (
+                  <p>Rebuttal Period: {conference.rebuttal_period_start} - {conference.rebuttal_period_end}</p>
+                )}
+                {conference.final_decision_date && (
+                  <p>Final Decision: {conference.final_decision_date}</p>
                 )}
               </div>
             </div>
-            <div className="flex items-center">
-              <AlarmClock className={`h-5 w-5 mr-3 flex-shrink-0 ${getCountdownColor()}`} />
-              <span className={`font-medium ${getCountdownColor()}`}>
-                {daysLeft}
-              </span>
-            </div>
           </div>
 
-          {conference.abstract_deadline && (
-            <div className="text-sm text-neutral-600">
-              Abstract Deadline: {conference.abstract_deadline}
+          <div className="flex items-start gap-2">
+            <Globe className="h-5 w-5 mt-0.5 text-gray-500" />
+            <div>
+              <p className="font-medium">Location</p>
+              <p className="text-sm text-gray-500">{conference.place}</p>
+              {conference.venue && (
+                <p className="text-sm text-gray-500">{conference.venue}</p>
+              )}
             </div>
-          )}
+          </div>
+
+          <div className="flex items-center">
+            <AlarmClock className={`h-5 w-5 mr-3 flex-shrink-0 ${getCountdownColor()}`} />
+            <span className={`font-medium ${getCountdownColor()}`}>
+              {daysLeft}
+            </span>
+          </div>
 
           {Array.isArray(conference.tags) && conference.tags.length > 0 && (
             <div className="flex flex-wrap gap-2">
@@ -259,7 +269,11 @@ END:VCALENDAR`;
             
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
-                <Button variant="ghost" size="sm" className="text-sm">
+                <Button 
+                  variant="ghost" 
+                  size="sm" 
+                  className="text-sm focus-visible:ring-0 focus:outline-none"
+                >
                   <CalendarPlus className="h-4 w-4 mr-2" />
                   Add to Calendar
                 </Button>

src/data/conferences.yml

@@ -313,6 +313,8 @@
   tags:
   - machine-learning
   abstract_deadline: '2025-01-23 23:59:59'
+  submission_deadline: '2025-01-31 03:59:59'
+  timezone_submission: PST
 
 - title: IJCNN
   year: 2025
@@ -363,8 +365,12 @@
   timezone: UTC-12
   place: Vienna, Austria
   date: July 27 - August 1, 2025
+  start: 2025-07-27
+  end: 2025-08-01
   tags:
   - natural-language-processing
+  commitment_deadline: '2025-04-10 23:59:59'
+  note: 'ARR commitment deadline on April 10th, 2025. More info <a href="https://2025.aclweb.org/">here</a>.'
 
 - title: IROS
   year: 2025
@@ -528,4 +534,16 @@
   start: 2025-08-10
   end: 2025-08-14
   tags:
-  - computer-graphics
+  - computer-graphics
+
+- title: KDD
+  year: 2025
+  id: kdd25
+  full_name: ACM SIGKDD Conference on Knowledge Discovery and Data Mining
+  deadline: '2025-02-10 23:59:59'
+  abstract_deadline: '2025-02-03 23:59:59'
+  timezone: AoE
+  tags:
+  - data-mining
+  - machine-learning
+  note: 'Abstract deadline on February 3rd, 2025. Paper submission deadline February 10th, 2025 AoE.'

src/types/conference.ts

@@ -14,4 +14,11 @@ export interface Conference {
   abstract_deadline?: string;
   note?: string;
   hindex?: number;
+  commitment_deadline?: string;
+  submission_deadline?: string;
+  timezone_submission?: string;
+  rebuttal_period_start?: string;
+  rebuttal_period_end?: string;
+  review_release_date?: string;
+  final_decision_date?: string;
 }