diff --git a/index.php b/index.php index 70ff103..b2e70c5 100644 --- a/index.php +++ b/index.php @@ -3,8 +3,10 @@ function obliczBMR($plec, $waga, $wzrost, $wiek) { if ($plec == 'm') { return (10 * $waga) + (6.25 * $wzrost) - (5 * $wiek) + 5; - } else { + } else if ($plec == 'k') { return (10 * $waga) + (6.25 * $wzrost) - (5 * $wiek) - 161; + } else { + return 0; } } @@ -33,10 +35,11 @@ $wynik = ustalCel($podstawa, $cel); - Kalkulator Fitness + Kalkulator fitness + -

Kalkulator Kalorii

+

Kalkulator kalorii

diff --git a/style.css b/style.css new file mode 100644 index 0000000..adaf45f --- /dev/null +++ b/style.css @@ -0,0 +1,85 @@ +body { + background-color: #1a1a1a; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #cccccc; + margin: 40px; +} + +h2 { + font-size: 18px; + font-weight: bold; + color: #ffffff; + border-bottom: 1px solid #444444; + padding-bottom: 5px; + margin-bottom: 20px; + width: 350px; +} + +form { + width: 350px; +} + +form div { + margin-bottom: 12px; +} + +label { + display: block; + font-weight: bold; + margin-bottom: 3px; + color: #999999; +} + +input[type="number"], select { + border: 1px solid #555555; + background-color: #2b2b2b; + color: #ffffff; + padding: 2px; + font-size: 12px; + width: 160px; +} + +input[type="number"]:focus { + border-color: #0066ff; + outline: none; +} + +button { + margin-top: 10px; + padding: 4px 12px; + background-color: #333333; + border: 1px solid #666666; + color: #ffffff; + font-size: 12px; + cursor: pointer; +} + +button:hover { + background-color: #444444; + border-color: #999999; +} + +.wynik { + margin-top: 25px; + padding: 10px; + border: 1px solid #0066ff; + background-color: #001a33; + width: 330px; + color: #ffffff; +} + +.wynik strong { + color: #3399ff; + font-size: 14px; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance: textfield; +}