33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
<!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>
|