[{"id":370,"created_at":"2025-04-19T16:40:50.120984+00:00","html":"\r\n\r\n\r\n\r\n \r\n \r\n DevCanvas AI Event\r\n \r\n \r\n\r\n\r\n

\r\n \r\n

\r\n

\r\n \r\n \r\n

\r\n

\r\n AI CONFERENCE\r\n

DevCanvas

\r\n

The Future of AI Development

\r\n

\r\n \r\n

\r\n

\r\n \r\n \r\n

\r\n

Date

\r\n

June 15-17, 2024

\r\n

Location

\r\n

Virtual & SF Hub

\r\n

\r\n \r\n

\r\n

Featured Speakers

\r\n

+12

\r\n

\r\n \r\n

\r\n

Your Pass

\r\n

VIP All-Access

\r\n

#DC24-5A9B-72X

\r\n

AI Builder

\r\n

\r\n \r\n \r\n

\r\n

\r\n \r\n \r\n

\r\n

\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","css":"/* */","js":"// code here","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"BcDnuL","description":"Event Card","plugins":null,"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[{"role": "user", "content": "make an event card with lanyard for an ai event called devcanvas", "messageId": "39b42ddc-36dd-4a0a-bafe-273dceec7d7b"}, {"role": "user", "content": "This is my current code", "messageId": "DEVCANVAS_INITIAL_MESSAGE"}, {"role": "user", "content": "\n\t\n\n\t\n\t\t\n\t\t\n\t\tUntitled Project\n\t\t\n\t\t\n\n \n\t\n\t\n\t\t\n\t\t\n \n\t\n", "messageId": "DEVCANVAS_INITIAL_CODE"}, {"role": "assistant", "content": "Here's a sleek, modern event card design for the DevCanvas AI event using Tailwind CSS:\n\n```html\n\n\n\n\n \n \n DevCanvas AI Event\n \n \n\n\n

\n \n

\n \n \n

\n AI CONFERENCE\n

DevCanvas

The Future of AI Development

\n \n

\n \n \n

Date

June 15-17, 2024

Location

Virtual & SF Hub

\n \n

Featured Speakers

+12

\n \n

Your Pass

VIP All-Access

#DC24-5A9B-72X

AI Builder

\n \n \n

\n\n\n\n```\n\nThis design features:\n\n1. **Neon Cyberpunk Aesthetic** with gradient accents and glowing effects\n2. **Functional Lanyard Attachment** with notch design at the top\n3. **Event Details** including date, location, and speaker avatars\n4. **VIP Pass Section** with unique ID and badge\n5. **Interactive Elements** with hover animations\n6. **Holographic Background Effects** for a futuristic AI feel\n7. **Responsive Layout** that works on all devices\n8. **Micro-interactions** like hover scaling and floating animations\n\nThe card uses Tailwind CSS for styling with minimal vanilla CSS for the custom lanyard notch shape and gradient text effects. The design conveys the cutting-edge nature of an AI development conference while maintaining professional event card functionality.", "messageId": "59282159-c1e3-4bcf-8d84-4b766e41ab19"}],"view":[{"views":10}],"profiles":{"username":"devcanvas"}}]