simple web page

This commit is contained in:
fordprefect
2020-03-19 16:26:08 +01:00
parent bf3e421ea5
commit ae83263ccb
3 changed files with 67 additions and 0 deletions

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

31
index.html Normal file
View File

@@ -0,0 +1,31 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<meta name="robots" content="noindex,nofollow" />
</head>
<body class=body>
<div class=head>
<h3>Visualisierung zu Corona2020</h3>
</div>
<div class=box>
<h4>Idee</h4>
Überall kursieren tolle Graphiken, aber nirgends sieht man die logarithmischen Plots, aus denen man die Entwicklung besser abschätzen könnte.
Daher hab ich hier ein paar täglich automatisch neu generierte Plots hingestellt.
Nicht schön, aber informativ.
<h4>Absolute Fälle</h4>
<img src=total_cases.png />
<h4>Absolute Tote pro Fall</h4>
<img src=death_per_case.png />
</div>
<div class=foot>
Ein Infoservice von <a href=dukun.de>dukun.de</a>; Anregungen gern <a href="mailto:&#099;&#111;&#114;&#111;&#110;&#097;&#105;&#110;&#112;&#117;&#116;&#064;&#100;&#117;&#107;&#117;&#110;&#046;&#100;&#101;">per Mail</a>.
</div>
</body>
</html>

36
style.css Normal file
View File

@@ -0,0 +1,36 @@
div.box {
color:#cecece;
background-image: url('/linen_login.jpg');
background-size: 100%;
width: 90%;
height: 90%;
margin: 0px auto;
overflow: auto;
padding:10px;
border-radius:10px;
box-shadow: 0px 0px 20px #000;
}
body {
background-image:url('/linen.jpg');
background-repeat:repeat;
}
div.head {
width: 90%;
margin: auto;
}
div.foot {
width: 90%;
margin:auto;
margin-top:20px;
}
div.foot a {
color: #0000aa;
}
a {
color:#8080ee;
}