make html look less ugly

Signed-off-by: Sam Therapy <sam@samtherapy.net>
This commit is contained in:
Sam Therapy 2022-06-11 15:37:40 +02:00
parent 63c5737fc2
commit de72576201
Signed by: sam
GPG key ID: 4D8B07C18F31ACBD
6 changed files with 42 additions and 12 deletions

View file

@ -3,7 +3,7 @@
<head>
<title>froth.zone Nameserver</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="img/rinfishe.png" />
<link rel="stylesheet" href="theme.css" />
</head>

View file

@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-height: 80%;
margin: auto;
}
/* For mobile phones: */
img {
max-width: 50%;
max-width: 20em;
}
@media only screen and (min-width: 1300px) {
/* For desktop: */
img {
max-width: 50%;
}
}
a {
color: rgba(200, 200, 200, 0.8);
}

View file

@ -3,10 +3,7 @@
<head>
<title>froth.zone Nameserver</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no"
/>
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="img/saberfishe.png" />
<link rel="stylesheet" href="theme.css" />
</head>

View file

@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-height: 80%;
margin: auto;
}
/* For mobile phones: */
img {
max-width: 50%;
max-width: 20em;
}
@media only screen and (min-width: 1300px) {
/* For desktop: */
img {
max-width: 50%;
}
}
a {
color: rgba(200, 200, 200, 0.8);
}

View file

@ -3,10 +3,7 @@
<head>
<title>froth.zone Nameserver</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no"
/>
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="img/sakurafishe.png" />
<link rel="stylesheet" href="theme.css" />
</head>

View file

@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-height: 80%;
margin: auto;
}
/* For mobile phones: */
img {
max-width: 50%;
max-width: 20em;
}
@media only screen and (min-width: 1300px) {
/* For desktop: */
img {
max-width: 50%;
}
}
a {
color: rgba(200, 200, 200, 0.8);
}