Make text actually fit viewport

namensschild.html

@@ -23,21 +23,20 @@
       <div id="name">Kein Name</div>
     </div>
     <script>
-      function setSize() {
+      function setName(name) {
         el = document.getElementById('name')
-        elSize = {
+        el.innerText = name
+        const elSize = {
           width: el.offsetWidth,
           height: el.offsetHeight
         }
-        browserSize = {
+        const browserSize = {
           width: 180,
           height: 60
         }
         factor = Math.min(browserSize.height / elSize.height, browserSize.width / elSize.width)
         el.style.transform = `scale(${factor})`
       }
-      document.addEventListener('DOMContentLoaded', () => setSize())
-      window.addEventListener('resize', () => setSize())
     </script>
   </body>
 </html>

server.py

@@ -17,7 +17,7 @@ async def gen_pdf(name):
     browser = await launch(args=["--no-sandbox"])
     page = await browser.newPage()
     await page.goto("file://" + os.path.join(os.getcwd(), "namensschild.html"))
-    await page.evaluate(f"document.querySelector('#name').innerText = '{name}'")
+    await page.evaluate(f"setName('{name}')")
     await page.pdf(path=f"static/{name}.pdf", width="180px", height="60px")
     await browser.close()