xxxxx

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
   <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Durchsatzmessung</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.16/jspdf.plugin.autotable.min.js"></script>
    <style>
      body { font-family: Arial, sans-serif; background-color: #f4f4f9; color: #333; margin: 20px; }
      h1 { text-align: center; font-size: 2em; color: #0066cc; margin-bottom: 20px; }
      label, .btn { font-size: 1em; background: white; }
      .table-container { 
        display: flex; 
        flex-direction: column; 
        background: lightgrey; 
        border-radius: 8px; 
        padding: 10px; 
        max-width: 100vw; 
        margin-bottom: 20px; 
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
        animation: fadeIn 0.5s ease; 
      }
      table { 
        width: 100%; 
        table-layout: fixed; 
        border-collapse: collapse; 
        margin-top: 5px; 
      }
      th, td { height: 2.5vh; text-align: center; overflow: hidden; }
      th { background-color: #007bff; color: white; }
      input[type="number"] { 
        width: 99%; 
        padding: 10px; 
        box-sizing: border-box; 
        border: 1px solid #ccc; 
        border-radius: 4px; 
        text-align: center; 
      }
      
      .extruder-info {
        background-color: transparent;
      }
      
      .extruder-type {
        background-color: transparent;
        border: 1px solid grey; 
        border-radius: 4px;
      }
      .extruder-serial {
        background-color: transparent;
        border: 1px solid grey; 
        border-radius: 4px;
      }
      .extruder-manufacturer {
        background-color: transparent;
        border: 1px solid grey; 
        border-radius: 4px;
      }
      
      .btn { padding: 5px 15px; cursor: pointer; margin:...