Refactor CSS and HTML structure for improved readability and maintainability
Deploy Website / deploy (push) Successful in 23s
Deploy Website / deploy (push) Successful in 23s
This commit is contained in:
Florian Otto
@@ -5,89 +5,103 @@
|
||||
<!--[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>
|
||||
<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
|
||||
<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 (!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;
|
||||
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.";
|
||||
echo "Für " . $_zahl1 / 2 . " Brötchen brauchst Du " . $c . "g Mett.";
|
||||
}
|
||||
?>
|
||||
</p>
|
||||
<!-- ACHTUNG: Nutellarechner ist aus markenrechtlichen Gründen nicht erlaubt! <p align="center">
|
||||
?>
|
||||
</p>
|
||||
<!-- ACHTUNG: Nutellarechner ist aus markenrechtlichen Gründen nicht erlaubt! <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>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<nav>
|
||||
<p align="center">
|
||||
<a href="impressum.php">Impressum</a>
|
||||
</p>
|
||||
</nav>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user