Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>EDV Projekt Memphis Herghelegiu</title>
- <style>
- body {
- zoom: 125%;
- background-color: #1a1a2e;
- color: #a8c0ff;
- font-family: 'Arial', sans-serif;
- margin: 10px;
- }
- p {
- margin: 0px;
- padding: 0px;
- }
- .main-container {
- width: 50%;
- align-content: space-evenly;
- margin: auto;
- padding: auto;
- }
- .main-container-child {
- width: 100%;
- /* text-align: justify; */
- padding: 10px;
- margin: 15px;
- }
- .main-container-child h3 {
- text-align: center;
- text-decoration: underline;
- margin: 0px;
- color: aliceblue;
- }
- .container-image {
- background-color: #112240;
- border-radius: 10px;
- padding: 10px;
- }
- .container-text {
- border: 1px solid #336699;
- border-radius: 10px;
- white-space: pre-line;
- padding: 10px;
- }
- .foot-container {
- display: flex;
- justify-content: space-between;
- }
- .table {
- display: flex;
- justify-content: space-evenly;
- margin: 0px;
- padding: 0px;
- }
- .table div {
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- .table div p {
- margin: 5px;
- }
- .t-odd {
- background-color: rgba(255, 255, 255, 0.1);
- border-radius: 5px;
- }
- .t-even {
- background-color: rgba(156, 72, 72, 0.1);
- border-radius: 5px;
- }
- </style>
- </head>
- <body>
- <div class="main-container">
- <!-- Title -->
- <h1 style="text-align: center">EDV Projekt Memphis Herghelegiu</h1>
- <!-- Chart -->
- <div class="main-container-child container-image">
- <h3>Gewinn-Funktionen</h3>
- <img src="${chart_url}" alt="chart_url" style="width: 100%; height: auto;">
- <div style="display: flex; justify-content: space-around;">
- <p>x-Achse: Stück</p>
- <p>y-Achse: Gewinn (€)</p>
- <p>Break Even Point: ${bep}</p>
- </div>
- </div>
- <!-- Product Data Raw -->
- <div class="main-container-child container-text">
- <h3>Produkt Daten (Roh)</h3>
- <div class="table">
- <div>
- <p class="t-odd">${data_left_name}</p>
- <p class="t-even">${data_left_count}</p>
- <p class="t-odd">${data_left_cost_per_piece}</p>
- <p class="t-even">${data_left_fixcosts}</p>
- <p class="t-odd">${data_left_price_per_piece}</p>
- <p class="t-even">${data_left_tax_percentage}</p>
- </div>
- <div>
- <p class="t-odd">Produkt Name</p>
- <p class="t-even">Anzahl (Stück)</p>
- <p class="t-odd">Produktionskosten (€ / Stück)</p>
- <p class="t-even">Fixkosten (€)</p>
- <p class="t-odd">Verkaufspreis (€ / Stück)</p>
- <p class="t-even">Steuersatz (%)</p>
- </div>
- <div>
- <p class="t-odd">${data_right_name}</p>
- <p class="t-even">${data_right_count}</p>
- <p class="t-odd">${data_right_cost_per_piece}</p>
- <p class="t-even">${data_right_fixcosts}</p>
- <p class="t-odd">${data_right_price_per_piece}</p>
- <p class="t-even">${data_right_tax_percentage}</p>
- </div>
- </div>
- </div>
- <!-- Product Data Calculated -->
- <div class="main-container-child container-text">
- <h3>Produkt Daten (Berechnet)</h3>
- <div class="table">
- <div>
- <p class="t-odd">${data_left_name}</p>
- <p class="t-even">${data_left_total_cost}</p>
- <p class="t-even">${data_left_total_cost_per_piece}</p>
- <p class="t-odd">${data_left_revenue}</p>
- <p class="t-odd">${data_left_revenue_per_piece}</p>
- <p class="t-even">${data_left_taxes}</p>
- <p class="t-even">${data_left_taxes_per_piece}</p>
- <p class="t-odd">${data_left_profit}</p>
- <p class="t-odd">${data_left_profit_per_piece}</p>
- </div>
- <div>
- <p class="t-odd">Produkt Name</p>
- <p class="t-even">Gesamtkosten (€)</p>
- <p class="t-even">Gesamtkosten (€ / Stück)</p>
- <p class="t-odd">Umsatz (€)</p>
- <p class="t-odd">Umsatz (€ / Stück)</p>
- <p class="t-even">Steuern (€)</p>
- <p class="t-even">Steuern (€ / Stück)</p>
- <p class="t-odd">Gewinn (€)</p>
- <p class="t-odd">Gewinn (€ / Stück)</p>
- </div>
- <div>
- <p class="t-odd">${data_right_name}</p>
- <p class="t-even">${data_right_total_cost}</p>
- <p class="t-even">${data_right_total_cost_per_piece}</p>
- <p class="t-odd">${data_right_revenue}</p>
- <p class="t-odd">${data_right_revenue_per_piece}</p>
- <p class="t-even">${data_right_taxes}</p>
- <p class="t-even">${data_right_taxes_per_piece}</p>
- <p class="t-odd">${data_right_profit}</p>
- <p class="t-odd">${data_right_profit_per_piece}</p>
- </div>
- </div>
- </div>
- <!-- GPT Output -->
- <div class="main-container-child container-text">
- <h3>Vergleich (${gpt_model} -> ${gpt_cost} USD)</h3>
- <p>${gpt_text}</p>
- </div>
- <!-- Prompt -->
- <div class="main-container-child container-text">
- <h3>Positive Prompts</h3>
- <p>${prompt_positive}</p>
- <h3>Negative Prompts</h3>
- <p>${prompt_negative}</p>
- <h3>Prompt</h3>
- <p>${prompt}</p>
- </div>
- <!-- Footer -->
- <div class="main-container-child foot-container" style="display: flex; justify-content: space-around;">
- <p>Version: 1.0.8</p>
- <p>Memphis Herghelegiu</p>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement