Initial commit: job dashboard server with evening stand-down, Notion sync, cover letter generation

2026-07-20 21:06:44 +08:00
commit c6476462b7
7 changed files with 2123 additions and 0 deletions
--- a/templates/cover-letter.html
+++ b/templates/cover-letter.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{title}}</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: Georgia, 'Times New Roman', serif;
+    background: #f5f5f0;
+    padding: 60px 20px;
+    color: #1a1a1a;
+    line-height: 1.6;
+  }
+  .page {
+    max-width: 780px;
+    margin: 0 auto;
+    background: #fff;
+    padding: 80px 90px;
+    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
+    border-top: 4px solid #1a472a;
+  }
+  .header {
+    border-bottom: 2px solid #1a472a;
+    padding-bottom: 18px;
+    margin-bottom: 32px;
+  }
+  .name {
+    font-size: 22px;
+    font-weight: bold;
+    color: #1a472a;
+    letter-spacing: 0.5px;
+  }
+  .contact {
+    font-size: 13px;
+    color: #555;
+    margin-top: 4px;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    letter-spacing: 0.2px;
+  }
+  .date {
+    font-size: 14px;
+    color: #333;
+    margin-bottom: 28px;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+  }
+  .recipient {
+    font-size: 14px;
+    color: #333;
+    margin-bottom: 18px;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    line-height: 1.5;
+  }
+  .salutation {
+    font-size: 15px;
+    font-weight: bold;
+    color: #1a1a1a;
+    margin-bottom: 18px;
+  }
+  .body-text {
+    font-size: 15px;
+    color: #1a1a1a;
+    margin-bottom: 14px;
+    text-align: justify;
+  }
+  .bullets {
+    margin: 14px 0 14px 22px;
+    padding: 0;
+  }
+  .bullets li {
+    font-size: 15px;
+    color: #1a1a1a;
+    margin-bottom: 10px;
+    padding-left: 8px;
+    line-height: 1.55;
+  }
+  .bullets li::marker {
+    color: #1a472a;
+  }
+  .closing {
+    font-size: 15px;
+    color: #1a1a1a;
+    margin-top: 20px;
+    margin-bottom: 30px;
+  }
+  .signature {
+    font-size: 15px;
+    color: #1a1a1a;
+    line-height: 1.8;
+  }
+  .actions {
+    max-width: 780px;
+    margin: 24px auto 0;
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+  }
+  .actions a, .actions button {
+    padding: 9px 18px;
+    border-radius: 6px;
+    font-size: 13px;
+    text-decoration: none;
+    cursor: pointer;
+    border: none;
+    font-family: inherit;
+  }
+  .btn-primary {
+    background: #1a472a;
+    color: #fff;
+  }
+  .btn-primary:hover {
+    background: #143520;
+  }
+  .btn-secondary {
+    background: #e8e8e3;
+    color: #333;
+  }
+  .btn-secondary:hover {
+    background: #d8d8d0;
+  }
+  @media (max-width: 600px) {
+    .page { padding: 40px 28px; }
+  }
+</style>
+</head>
+<body>
+<div class="page">
+  <div class="header">
+    <div class="name">Anthony Martin</div>
+    <div class="contact">90 Lansdowne Road, Kensington &nbsp;|&nbsp; 0410 349 137 &nbsp;|&nbsp; anthony@martinwa.org &nbsp;|&nbsp; linkedin.com/in/anthonymartin1987</div>
+  </div>
+
+  <div class="date">{{date}}</div>
+
+  <div class="recipient">
+    {{recipient_block}}
+  </div>
+
+  <div class="salutation">Dear Hiring Manager,</div>
+
+  <div class="body-text">{{opening}}</div>
+
+  <ul class="bullets">
+    {{bullets}}
+  </ul>
+
+  <div class="closing">{{closing}}</div>
+
+  <div class="signature">
+    Sincerely,<br><br>
+    Anthony Martin
+  </div>
+</div>
+
+<div class="actions">
+  <a class="btn-secondary" href="/jobs">← Back to dashboard</a>
+  <a class="btn-secondary" href="{{txt_url}}">Raw .txt</a>
+  <button class="btn-primary" onclick="window.print()">Print / Save PDF</button>
+  <a class="btn-primary" href="{{cover_letter_docx_url}}" download>⬇ Word .docx</a>
+</div>
+</body>
+</html>