fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <title>{{ title | default("Event Program") }}</title>6 <style>7 * { margin: 0; padding: 0; box-sizing: border-box; }8 body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 40px; font-size: 14px; line-height: 1.6; color: #1a1a2e; }9 .header { text-align: center; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 3px solid #4f46e5; }10 .header .event-badge { display: inline-block; background: #4f46e5; color: white; padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }11 .header h1 { font-size: 28px; color: #4f46e5; margin-bottom: 10px; }12 .header .subtitle { font-size: 15px; color: #666; margin-bottom: 15px; }13 .header .event-meta { display: flex; justify-content: center; gap: 30px; font-size: 13px; color: #555; }14 .header .event-meta strong { color: #4f46e5; }15 .welcome { background: #f8f9ff; border-left: 4px solid #4f46e5; padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 30px; }16 .welcome h2 { font-size: 16px; color: #4f46e5; margin-bottom: 8px; }17 .welcome p { color: #555; font-size: 13px; }18 .day-header { background: #4f46e5; color: white; padding: 12px 20px; border-radius: 8px; margin-bottom: 15px; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; }19 .day-header h2 { font-size: 16px; }20 .day-header .date { font-size: 13px; opacity: 0.9; }21 .schedule-item { display: flex; gap: 15px; padding: 15px 0; border-bottom: 1px solid #e5e7eb; }22 .schedule-item:last-child { border-bottom: none; }23 .schedule-item .time { min-width: 100px; font-weight: bold; color: #4f46e5; font-size: 13px; }24 .schedule-item .details { flex: 1; }25 .schedule-item .details h3 { font-size: 14px; color: #333; margin-bottom: 4px; }26 .schedule-item .details .speaker { font-size: 12px; color: #4f46e5; margin-bottom: 3px; }27 .schedule-item .details .description { font-size: 12px; color: #666; }28 .schedule-item .details .location { font-size: 11px; color: #999; margin-top: 3px; }29 .schedule-item.break { background: #f9fafb; padding: 15px; border-radius: 6px; border-bottom: none; margin-bottom: 5px; }30 .schedule-item.break .details h3 { color: #666; font-style: italic; }31 .speakers-section { margin-top: 35px; }32 .speakers-section h2 { font-size: 18px; color: #4f46e5; margin-bottom: 15px; padding-bottom: 6px; border-bottom: 2px solid #e5e7eb; }33 .speakers-grid { display: flex; flex-wrap: wrap; gap: 15px; }34 .speaker-card { width: calc(33.33% - 10px); padding: 15px; background: #f9fafb; border-radius: 8px; text-align: center; }35 .speaker-card .avatar { width: 50px; height: 50px; background: #e8eaff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; color: #4f46e5; font-size: 10px; font-weight: bold; }36 .speaker-card h4 { font-size: 12px; color: #333; margin-bottom: 2px; }37 .speaker-card p { font-size: 11px; color: #666; }38 .info-section { margin-top: 30px; display: flex; gap: 20px; }39 .info-box { flex: 1; padding: 18px; background: #f8f9ff; border-radius: 8px; }40 .info-box h3 { font-size: 13px; color: #4f46e5; margin-bottom: 8px; }41 .info-box p, .info-box li { font-size: 12px; color: #555; }42 .info-box ul { padding-left: 15px; }43 .footer { margin-top: 35px; padding-top: 20px; border-top: 1px solid #e5e7eb; text-align: center; font-size: 12px; color: #999; }44 </style>45</head>46<body>47 <div class="header">48 <div class="event-badge">{{ event_type | default("Annual Conference") }}</div>49 <h1>{{ title | default("TechForward Summit 2024") }}</h1>50 <div class="subtitle">{{ subtitle | default("Shaping the Future of Enterprise Technology") }}</div>51 <div class="event-meta">52 <span><strong>Date:</strong> {{ event_date | default("March 15–16, 2024") }}</span>53 <span><strong>Venue:</strong> {{ venue | default("Grand Convention Center, New York") }}</span>54 <span><strong>Hosted by:</strong> {{ host | default("Acme Corporation") }}</span>55 </div>56 </div>57 58 <div class="welcome">59 <h2>Welcome Message</h2>60 <p>{{ welcome_message | default("Welcome to TechForward Summit 2024! We're excited to bring together industry leaders, innovators, and visionaries for two days of inspiring talks, hands-on workshops, and valuable networking opportunities. We hope you enjoy the program.") }}</p>61 </div>62 63 {% for day in schedule | default([{"day": "Day 1", "date": "Friday, March 15, 2024", "items": [{"time": "08:00 – 09:00", "title": "Registration & Breakfast", "speaker": "", "description": "Check-in, badge collection, and networking breakfast", "location": "Main Lobby", "is_break": true}, {"time": "09:00 – 09:30", "title": "Opening Keynote: The Future of Cloud Computing", "speaker": "John Smith, CEO — Acme Corporation", "description": "Setting the stage for enterprise technology in 2024 and beyond", "location": "Main Hall", "is_break": false}, {"time": "09:30 – 10:15", "title": "AI-Driven DevOps: From Theory to Practice", "speaker": "Dr. Sarah Chen, VP Engineering — TechStart", "description": "How AI is transforming development workflows and deployment strategies", "location": "Main Hall", "is_break": false}, {"time": "10:15 – 10:45", "title": "Coffee Break & Networking", "speaker": "", "description": "", "location": "Exhibition Area", "is_break": true}, {"time": "10:45 – 11:30", "title": "Panel: Scaling Microservices at Enterprise Level", "speaker": "Multiple Speakers", "description": "Industry experts discuss challenges and solutions for large-scale distributed systems", "location": "Main Hall", "is_break": false}, {"time": "11:30 – 12:15", "title": "Security-First Architecture Patterns", "speaker": "Michael Roberts, CISO — SecureNet", "description": "Building resilient systems with security baked in from day one", "location": "Room A", "is_break": false}, {"time": "12:15 – 13:30", "title": "Lunch Break", "speaker": "", "description": "Networking lunch with exhibitor demonstrations", "location": "Dining Hall", "is_break": true}, {"time": "13:30 – 14:15", "title": "Workshop: Hands-on with AcmeCloud Pro", "speaker": "Emily Davis, Product Lead — Acme Corporation", "description": "Interactive session covering platform features and best practices", "location": "Workshop Room 1", "is_break": false}, {"time": "14:15 – 15:00", "title": "The Data Revolution: Analytics at Scale", "speaker": "Prof. James Lee, Data Science — MIT", "description": "Leveraging big data and ML for competitive advantage", "location": "Room B", "is_break": false}, {"time": "15:00 – 15:15", "title": "Afternoon Break", "speaker": "", "description": "", "location": "Exhibition Area", "is_break": true}, {"time": "15:15 – 16:00", "title": "Closing Keynote: Building Tomorrow's Teams", "speaker": "Lisa Park, VP People — Innovation Labs", "description": "How to attract, develop, and retain top engineering talent", "location": "Main Hall", "is_break": false}, {"time": "16:00 – 18:00", "title": "Networking Reception", "speaker": "", "description": "Drinks, appetizers, and networking with speakers and attendees", "location": "Rooftop Terrace", "is_break": true}]}]) %}64 <div class="day-header">65 <h2>{{ day.day }}</h2>66 <span class="date">{{ day.date }}</span>67 </div>68 {% for item in day.items %}69 <div class="schedule-item {{ 'break' if item.is_break else '' }}">70 <div class="time">{{ item.time }}</div>71 <div class="details">72 <h3>{{ item.title }}</h3>73 {% if item.speaker %}<div class="speaker">{{ item.speaker }}</div>{% endif %}74 {% if item.description %}<div class="description">{{ item.description }}</div>{% endif %}75 {% if item.location %}<div class="location">📍 {{ item.location }}</div>{% endif %}76 </div>77 </div>78 {% endfor %}79 {% endfor %}80 81 <div class="speakers-section">82 <h2>Featured Speakers</h2>83 <div class="speakers-grid">84 {% for speaker in speakers | default([{"name": "John Smith", "role": "CEO, Acme Corporation", "initials": "JS"}, {"name": "Dr. Sarah Chen", "role": "VP Engineering, TechStart", "initials": "SC"}, {"name": "Michael Roberts", "role": "CISO, SecureNet", "initials": "MR"}, {"name": "Emily Davis", "role": "Product Lead, Acme", "initials": "ED"}, {"name": "Prof. James Lee", "role": "Data Science, MIT", "initials": "JL"}, {"name": "Lisa Park", "role": "VP People, Innovation Labs", "initials": "LP"}]) %}85 <div class="speaker-card">86 <div class="avatar">[{{ speaker.initials }}]</div>87 <h4>{{ speaker.name }}</h4>88 <p>{{ speaker.role }}</p>89 </div>90 {% endfor %}91 </div>92 </div>93 94 <div class="info-section">95 <div class="info-box">96 <h3>📍 Venue Information</h3>97 <p>{{ venue_info | default("Grand Convention Center, 456 Conference Blvd, New York, NY 10001. Parking available in Lot B. Nearest subway: Convention Center station (Line 4/5).") }}</p>98 </div>99 <div class="info-box">100 <h3>📋 Important Notes</h3>101 <ul>102 {% for note in notes | default(["WiFi: TechForward2024 / Password: summit2024", "Dress code: Business casual", "Photography is permitted in public areas", "Share on social: #TechForward2024"]) %}103 <li>{{ note }}</li>104 {% endfor %}105 </ul>106 </div>107 </div>108 109 <div class="footer">110 <p>{{ host | default("Acme Corporation") }} — {{ title | default("TechForward Summit 2024") }}</p>111 <p>Questions? Contact: {{ contact_email | default("events@acmecorp.com") }} | {{ contact_phone | default("+1 (555) 123-4567") }}</p>112 </div>113</body>114</html>115