brooke/html-fliers
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

correct template to work with pdf generation

Browse source
This commit is contained in:
brooke 2025-05-22 17:03:21 -04:00
parent 718fe4dfaa
commit f831787069
2 changed files with 26 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
template/index.html
View file

@ -1,22 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<meta charset="UTF-8" /> <link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Repair Day</title>
</head> </head>
<style> <style media="print">
html { @page {
background-color: black; margin: 0;
} }
body { body {
margin: auto; margin: 0;
width: 800px;
aspect-ratio: 8.5/11;
background-color: white;
} }
</style> </style>
<body>
<body></body>
</body>
</html> </html>

17
template/styles.css Normal file
View file

@ -0,0 +1,17 @@
html {
font-family: monospace;
font-weight: bold;
font-size: 16px;
}
body {
height: 95vh;
max-width: 100%;
background-color: #F1FAEE;
color: #2E1F27;
padding: 1.5rem;
margin: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}