simple web page
This commit is contained in:
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
31
index.html
Normal file
31
index.html
Normal 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:coronainput@dukun.de">per Mail</a>.
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
36
style.css
Normal file
36
style.css
Normal 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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user