Reproduce blockpage.css for $splashPage

Signed-off-by: Christian König <ckoenig@posteo.de>
This commit is contained in:
Christian König 2022-07-27 14:31:48 +02:00 committed by Adam Warner
parent e6683803ed
commit 49a9f6f2db
No known key found for this signature in database
GPG key ID: 872950F3ECF2B173

View file

@ -51,16 +51,24 @@ if ($serverName === "pi.hole"
<title> $serverName</title> <title> $serverName</title>
<link rel='shortcut icon' href='/admin/img/favicons/favicon.ico' type='image/x-icon'> <link rel='shortcut icon' href='/admin/img/favicons/favicon.ico' type='image/x-icon'>
<style> <style>
#splashpage { background: #222; color: rgba(255, 255, 255, 0.7); text-align: center; } html, body { height: 100% }
#splashpage img { margin: 5px; width: 256px; } body { font: 13pt "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#splashpage b { color: inherit; } body { margin: 0; }
p { margin: 0; }
a { color: #3c8dbc; text-decoration: none; }
a:hover { color: #72afda; text-decoration: underline; }
#splashpage { background: #222; color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; align-items: center; justify-content: center; }
#splashpage img { margin: 5px; width: 256px; }
#splashpage b { color: inherit; }
</style> </style>
</head> </head>
<body id='splashpage'> <body id='splashpage'>
<div>
<img src='/admin/img/logo.svg' alt='Pi-hole logo' width='256' height='377'> <img src='/admin/img/logo.svg' alt='Pi-hole logo' width='256' height='377'>
<br> <br>
<p>Pi-<strong>hole</strong>: Your black hole for Internet advertisements</p> <p>Pi-<strong>hole</strong>: Your black hole for Internet advertisements</p>
<a href='/admin'>Did you mean to go to the admin panel?</a> <a href='/admin'>Did you mean to go to the admin panel?</a>
</div>
</body> </body>
</html> </html>
EOT; EOT;