diff --git a/sites/billableaua.de/index.html b/sites/billableaua.de/index.html index 423a613..6ecccc9 100644 --- a/sites/billableaua.de/index.html +++ b/sites/billableaua.de/index.html @@ -256,6 +256,33 @@ text-transform: uppercase; } + /* Rechnung */ + .rechnung { + max-width: 400px; + } + + .rechnung-row { + display: flex; + justify-content: space-between; + align-items: baseline; + font-size: clamp(1.1rem, 2.5vw, 1.5rem); + font-weight: 300; + color: var(--text-dim); + padding: 4px 0; + } + + .rechnung-row .label { text-align: left; } + .rechnung-row .value { text-align: right; font-weight: 700; color: var(--red); } + + .rechnung-divider { + border: none; + border-top: 1px solid var(--text-muted); + margin: 12px 0; + } + + .rechnung-total .label { font-weight: 600; color: var(--text); } + .rechnung-total .value { font-size: 1.15em; } + /* Footer */ footer { padding: 40px 0; @@ -402,21 +429,28 @@ const perDayStr = perDay.toFixed(1).replace('.', ','); let verdict = ''; - if (perDay > 10) { + if (perDay > 8) { verdict = 'Das ist kein Job. Das ist ein Lifestyle.'; - } else if (perDay > 8) { - verdict = 'Jeden Tag über 8 Stunden billable. Ohne Mittagspause, ohne Admin.'; } else if (perDay > 6) { + verdict = 'Jeden Tag über 6 Stunden billable. Und der Rest ist unbezahlte Arbeit.'; + } else if (perDay > 4) { verdict = 'Klingt machbar? Vergiss nicht: billable ≠ Arbeitszeit.'; } + var r = function(l, v) { + return '
' + l + '' + v + '
'; + }; + document.getElementById('result').innerHTML = - '365 Tage im Jahr
' + - '− 52 × 2 = 104 Wochenendtage
' + - '− ' + vacation + ' Urlaubstage
' + - '− ' + feiertage + ' Feiertage
' + - '
' + - '= ' + workingDays + ' Arbeitstage

' + + '
' + + r('Tage im Jahr', '365') + + r('Wochenendtage (52 × 2)', '− 104') + + r('Urlaubstage', '− ' + vacation) + + r('Feiertage', '− ' + feiertage) + + '
' + + '
' + + 'Arbeitstage' + workingDays + '
' + + '

' + '' + hours.toLocaleString('de-DE') + ' Stunden ÷ ' + workingDays + ' Tage = ' + '' + perDayStr + ' Stunden billable pro Tag.' + verdict +