fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <title>{{ title | default('Research Proposal') }}</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: #1f2937; }9 .title-page { text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 3px solid #4f46e5; }10 .title-page h1 { font-size: 22px; color: #4f46e5; margin-bottom: 15px; line-height: 1.3; }11 .title-page .meta { font-size: 13px; color: #6b7280; }12 .title-page .meta strong { color: #374151; }13 .section { margin-bottom: 25px; }14 .section-title { font-size: 16px; font-weight: 700; color: #4f46e5; border-bottom: 2px solid #e5e7eb; padding-bottom: 5px; margin-bottom: 12px; }15 .section-content { text-align: justify; }16 ul { padding-left: 20px; }17 li { margin-bottom: 5px; }18 table { width: 100%; border-collapse: collapse; margin-top: 10px; }19 th, td { border: 1px solid #d1d5db; padding: 8px 12px; text-align: left; }20 th { background: #4f46e5; color: white; font-weight: 600; }21 tr:nth-child(even) { background: #f9fafb; }22 .budget-total { font-weight: 700; background: #f3f4f6 !important; }23 .references ol { padding-left: 20px; }24 .references li { margin-bottom: 4px; font-size: 13px; }25 </style>26</head>27<body>28 <div class="title-page">29 <h1>{{ title | default('Research Proposal Title') }}</h1>30 <div class="meta">31 <p><strong>Researcher:</strong> {{ researcher_name | default('Researcher Name') }}</p>32 <p><strong>Institution:</strong> {{ institution | default('University') }} — {{ department | default('Department') }}</p>33 {% if supervisor %}<p><strong>Supervisor:</strong> {{ supervisor }}</p>{% endif %}34 <p><strong>Date:</strong> {{ date | default('December 2024') }}</p>35 </div>36 </div>37 38 <div class="section">39 <div class="section-title">1. Abstract</div>40 <div class="section-content">{{ abstract | default('This research aims to investigate...') }}</div>41 </div>42 43 <div class="section">44 <div class="section-title">2. Background</div>45 <div class="section-content">{{ background | default('The background and context for this research...') }}</div>46 </div>47 48 <div class="section">49 <div class="section-title">3. Research Objectives</div>50 <ul>51 {% for obj in objectives | default(['To investigate the relationship between X and Y', 'To develop a framework for understanding Z']) %}52 <li>{{ obj }}</li>53 {% endfor %}54 </ul>55 </div>56 57 <div class="section">58 <div class="section-title">4. Methodology</div>59 <div class="section-content">{{ methodology | default('This research will employ a mixed-methods approach...') }}</div>60 </div>61 62 <div class="section">63 <div class="section-title">5. Timeline</div>64 <table>65 <thead><tr><th>Phase</th><th>Duration</th><th>Activities</th></tr></thead>66 <tbody>67 {% for item in timeline | default([{'phase': 'Phase 1', 'duration': '3 months', 'activities': 'Literature review'}]) %}68 <tr><td>{{ item.phase }}</td><td>{{ item.duration }}</td><td>{{ item.activities }}</td></tr>69 {% endfor %}70 </tbody>71 </table>72 </div>73 74 <div class="section">75 <div class="section-title">6. Budget</div>76 <table>77 <thead><tr><th>Item</th><th style="text-align:right">Amount</th></tr></thead>78 <tbody>79 {% set total = {'sum': 0} %}80 {% for item in budget | default([{'item': 'Equipment', 'amount': 5000000}]) %}81 <tr><td>{{ item.item }}</td><td style="text-align:right">{{ "{:,.0f}".format(item.amount) }}</td></tr>82 {% endfor %}83 </tbody>84 </table>85 </div>86 87 <div class="section references">88 <div class="section-title">7. References</div>89 <ol>90 {% for ref in references | default(['Author (2024). Title of work. Journal Name, 1(1), 1-10.']) %}91 <li>{{ ref }}</li>92 {% endfor %}93 </ol>94 </div>95</body>96</html>97