Florian Otto
04f8ac9bb6
Deploy Website / deploy (push) Successful in 3s
- Removed old style.css and added boilerplate.css for better cross-browser compatibility. - Introduced browserconfig.xml for Microsoft tile support. - Created impressum.php and index.php for main application pages. - Added info.php for PHP info display. - Implemented mett.js and mett.min.js for Mett calculation functionality. - Included respond.min.js for media query support in older browsers. - Recreated style.css with responsive design features. - Added index.html as a landing page with a placeholder message.
94 lines
2.5 KiB
PHP
94 lines
2.5 KiB
PHP
<!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="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#b91d47">
|
|
<meta name="theme-color" content="#CD7569">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Mettcalc - Dein Mettrechner</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: #CD7569;
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|
|
<script src="respond.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="gridContainer clearfix">
|
|
<div id="LayoutDiv1"><form method="POST" action="">
|
|
<h1 align="center">mettcalc.de</h1>
|
|
<p align="center"><b>Brötchenhälften:</b>
|
|
<input name="bread" size=6><br>
|
|
<b>Menge Mett:</b>
|
|
<select name="menge">
|
|
<option value="normal">normal</option>
|
|
<option value="viel">viel</option>
|
|
<option value="sviel">sehr viel</option>
|
|
<option value="wenig">wenig</option>
|
|
<option value="vegan">vegan</option>
|
|
</select>
|
|
<br>
|
|
<br />
|
|
<input type=submit name=submit value="Calc the Mett!">
|
|
</p>
|
|
</form>
|
|
<p align="center">
|
|
<?php
|
|
|
|
if (!empty($_POST["submit"]))
|
|
{
|
|
$_zahl1 = $_POST["bread"];
|
|
$_rz = $_POST["menge"];
|
|
|
|
if($_rz == "normal") $c = $_zahl1 * 40;
|
|
if($_rz == "viel") $c = $_zahl1 * 50;
|
|
if($_rz == "sviel") $c = $_zahl1 * 60;
|
|
if($_rz == "wenig") $c = $_zahl1 * 30;
|
|
if($_rz == "vegan") $c = $_zahl1 * 0;
|
|
|
|
echo "Für ". $_zahl1/2 . " Brötchen brauchst Du ". $c ."g Mett.";
|
|
}
|
|
?>
|
|
</p>
|
|
<p align="center">
|
|
<br />
|
|
Ich will lieber <a href="https://nutellarechner.de" style="font-size:x-large;text-decoration:underline">Nutella</a>!
|
|
<br />
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<nav><p align="center">
|
|
<a href="impressum.php">Impressum</a>
|
|
</p>
|
|
</nav>
|
|
</footer>
|
|
</body>
|
|
</html>
|