<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#73401e">
<meta name="msapplication-TileColor" content="#73401e">
<meta name="theme-color" content="#73401e">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nutellarechner</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
body,td,th {
	font-family: "Courier New", Courier, monospace;
	font-size: large;
	color: #FFFAE8;
}
a {
	text-decoration: none;
	font-size: small;
	color: #FFFAE8
	}
a.hover {
	text-decoration: underline	
	}
body {
	background-color: #73401e;
	margin-top: 30px;
}
</style>
<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
  <div id="LayoutDiv1"><form method="POST" action="">
<p align="center"><b>nutellarechner.de</b><br />
(Funktioniert auch für Nusspli ;) )</p>
<p align="center"><b>Brötchenhälften:</b> 
  <input name="bread" size=6><br>
  <b>Wie dick schmierst du?</b>
  <select name="menge">
    <option value="normal">normal</option>
    <option value="viel">dick</option>
    <option value="sviel">sehr dick</option>
    <option value="wenig">dünn</option>
  </select>
  <br>
  <br />
  <input type=submit name=submit value="Rechne das!">
</p>
</form>
<p align="center">
<?php

    if (!empty($_POST["submit"]))
        {
        $_zahl1 = $_POST["bread"];
        $_rz = $_POST["menge"];

        if($_rz == "normal") $c = $_zahl1 * 15;
        if($_rz == "viel") $c = $_zahl1 * 25;
        if($_rz == "sviel") $c = $_zahl1 * 40;
        if($_rz == "wenig") $c = $_zahl1 * 8;
        if($_rz == "vegan") $c = $_zahl1 * 0;

        echo "Für ". $_zahl1/2 . " Brötchen brauchst Du ". $c ."g Nutella.";
        }
?>
</p>
<p align="center">
  <br />
Ich will lieber <a href="https://mettcalc.de" style="font-size:x-large;text-decoration:underline">Mett</a>!
<br />
</p>
</div>
</div>
<footer>
	<nav><p align="center">
	<a href="impressum.php">Impressum</a>
	</p>
	</nav>
</footer>
</body>
</html>
