Initial commit: certgen — сервис генерации сертификатов

examples/sample.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<style>
+  /* Размер страницы для PDF. Скриншот делается в размере page.width/height. */
+  @page { size: 297mm 210mm; margin: 0; }
+  html, body { margin: 0; padding: 0; }
+  /* 100vw/100vh — чтобы шаблон заполнял весь кадр скриншота. */
+  .cert {
+    width: 100vw; height: 100vh; box-sizing: border-box;
+    border: 14px solid #c69e2d; background: #fffdf7;
+    display: flex; flex-direction: column; justify-content: center; align-items: center;
+    text-align: center; font-family: Georgia, "DejaVu Serif", serif;
+  }
+  h1 { font-size: 5.4vh; letter-spacing: .08em; color: #1b2a4a; margin: 0; }
+  .sub { font-size: 2.4vh; color: #666; font-style: italic; margin-top: 2vh; }
+  .name { font-size: 6.5vh; font-weight: bold; color: #7a1f2b; margin: 4vh 0; }
+  .body { font-size: 2.8vh; color: #333; max-width: 70vw; }
+  .meta { font-size: 2.2vh; color: #555; margin-top: 5vh; }
+</style>
+</head>
+<body>
+  <div class="cert">
+    <h1>{{title}}</h1>
+    <div class="sub">настоящий сертификат подтверждает, что</div>
+    <div class="name">{{fio}}</div>
+    <div class="body">{{body}}</div>
+    <div class="meta">{{date}} · № {{number}}</div>
+  </div>
+</body>
+</html>