chg: Some small changes to the html pages

Should be nicer on mobile devices
This commit is contained in:
SinTan1729 2024-06-01 00:48:40 -05:00
parent 70d9d828c5
commit 9948ce713c
No known key found for this signature in database
GPG Key ID: EB3E68BFBA25C85F
2 changed files with 26 additions and 13 deletions

View File

@ -5,23 +5,23 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Chhoto URL</title> <title>Chhoto URL</title>
<meta name="description" content="A simple selfhosted URL shortener with no unnecessary features."> <meta name="description" content="A simple selfhosted URL shortener with no unnecessary features." />
<meta name="keywords" content="url shortener, link shortener, self hosted, open source"> <meta name="keywords" content="url shortener, link shortener, self hosted, open source" />
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" sizes="any"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico" sizes="any" />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg"> <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="icon" type="image/png" href="assets/favicon-32.png" sizes="32x32"> <link rel="icon" type="image/png" href="assets/favicon-32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="assets/favicon-196.png" sizes="196x196"> <link rel="icon" type="image/png" href="assets/favicon-196.png" sizes="196x196" />
<script src="static/script.js"></script> <script src="static/script.js"></script>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css"
integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous"> integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" target="_blank" href="static/styles.css"> <link rel="stylesheet" type="text/css" target="_blank" href="static/styles.css" />
</head> </head>
<body> <body>

View File

@ -6,17 +6,30 @@
<head> <head>
<title>Error 404</title> <title>Error 404</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
</head> </head>
<style> <style>
body {
text-align: center;
}
#quote { #quote {
text-indent: 4em; text-indent: 4em;
} }
/* Settings for mobile devices */
@media (pointer:none),
(pointer:coarse) {
body {
text-align: left;
}
}
</style> </style>
<body style="text-align: center;"> <body>
<h1>Error 404!</h1> <h1>Error 404!</h1>
<div style="display: inline-block; text-align:left;"> <div style="display: inline-block; text-align:left;">
<p>You step in the stream,</p> <p>You step in the stream,</p>