-<!DOCTYPE HTML>
-
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="author" content="Rubén Beltrán del Río">
- <meta name="description" content="New corona regulations for Berlin">
-
- <meta name="theme-color" content="#db5945">
-
- <style>
- body {
- background: linear-gradient(270deg, #fff 0%, #ccc 100%);
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- padding: 2em;
- }
-
- h1 {
- background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%);
- color: #fff;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
-
-ul {
- list-style: none;
-}
-
-li {
- margin: 1em;
-}
-
-li h2 {
- font-size: 1.4em;
- margin: 0;
- background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%);
- color: #fff;
- padding: 0.2em 1em 0.2em 0.5em;
- width: max-content;
-}
-
-li p {
- margin: 0;
-}
-
-li span {
- display: inline-block;
-}
-
-li .emoji {
- position: absolute;
- font-size: 4em;
- margin-left: -1.1em;
-}
-
-li .text {
- font-size: 2em;
- padding: 0.5em 1em;
- margin-left: 0.5em;
- background: #fff;
-}
- </style>
-
- <title>New Corona Regulations for Berlin</title>
- </head>
- <body>
- <h1>
- New Corona Regulations Berlin
- </h1>
- <ul>
- <% for (const rule of it.rules) { %>
- <li>
- <h2>Starting <%= rule.time %></h2>
- <p>
- <span class="emoji"><%= rule.rule.emoji %></span>
- <span class="text"><%= rule.rule.text %></span>
- </p>
- </li>
- <% } %>
- </ul>
- </body>
-</html>
-
git.r.bdr.sh / rbdr / corona-regeln / blobdiff