Remove Respond.js polyfill and add new boilerplate CSS, browser config, and impressum page. Introduce index page and Mett calculator functionality with associated JavaScript files. Update styles for responsive design and include favicon links in HTML.

Co-authored-by: Copilot <copilot@github.com>
2026-04-28 20:23:06 +02:00
parent 81005571ea
commit 9ae7a0f0ec
10 changed files with 419 additions and 0 deletions
@@ -0,0 +1,93 @@
+<!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>