Updated the contract template to use external css

ref #5
This commit is contained in:
Nicolai Ort 2021-02-05 13:57:04 +01:00
parent 5afd26ea22
commit 6121b1e3bf

View File

@ -3,43 +3,68 @@
<meta charset="utf8"> <meta charset="utf8">
<title>Sponsoring contract</title> <title>Sponsoring contract</title>
<style> <style>
html, body {
margin: 0;
padding: 0;
font-family: 'Sackers Gothic Std';
font-weight: 500;
background: rgb(241,241,241);
-webkit-print-color-adjust: exact;
box-sizing: border-box;
}
.page { .page {
position: relative; position: relative;
height: 148mm; height: 148mm;
width: 210mm; width: 210mm;
display: block;
background: white;
page-break-after: auto; page-break-after: auto;
margin: 50px; margin: 50px;
overflow: hidden; overflow: hidden;
} }
@media print {
body {
background: white;
}
.page {
margin: 0;
height: 100%;
width: 100%;
}
}
</style> </style>
<link rel="stylesheet" href="https://unpkg.com/mvp.css">
</head> </head>
<body> <body>
<div class="page"> <div class="page">
<p style="font-size: 100vw;">{{Runner Name}}</p> <h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div>
<div class="page">
<h1>{{Runner Name}}</h1>
</div> </div>
</body> </body>
</html> </html>