64 lines
1.5 KiB
HTML
64 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
@page {
|
|
size: 90mm 29mm;
|
|
margin: 0;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.label {
|
|
width: 90mm;
|
|
height: 29mm;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 1mm 2mm;
|
|
box-sizing: border-box;
|
|
}
|
|
.icon {
|
|
width: 12mm;
|
|
height: 12mm;
|
|
margin-right: 3mm;
|
|
margin-top: 1mm;
|
|
}
|
|
.info {
|
|
flex: 1;
|
|
padding-top: 1mm;
|
|
}
|
|
.name {
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
margin-bottom: 2mm;
|
|
color: #000;
|
|
}
|
|
.code {
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
margin-bottom: 2mm;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
}
|
|
.date {
|
|
font-size: 10pt;
|
|
color: #000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="label">
|
|
{% if icon_b64 %}
|
|
<img class="icon" src="data:image/svg+xml;base64,{{ icon_b64 }}" alt="{{ name }} icon">
|
|
{% endif %}
|
|
<div class="info">
|
|
<div class="name">{{ name }}</div>
|
|
<div class="code">{{ code }}</div>
|
|
<div class="date">{{ date.strftime('%B %Y') }}</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |