added the meta viewport thing so it looks less bad on mobile

This commit is contained in:
XeonSquared 2019-03-02 13:26:46 +11:00
parent 80028f8725
commit 8a284dc31d
2 changed files with 28 additions and 26 deletions

View File

@ -1,34 +1,35 @@
<html> <html>
<head> <head>
<title>lain.church</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <title>lain.church</title>
body { <style>
font-family: sans-serif; body {
} font-family: sans-serif;
.logo { }
right: 16px; .logo {
bottom: 16px; right: 16px;
width: 96px; bottom: 16px;
height: 96px; width: 96px;
position: absolute; height: 96px;
} position: absolute;
.cpugraph { }
left: 0px;
bottom: 0px;
position: absolute;
}
@media screen and (max-width: 890px) {
.cpugraph { .cpugraph {
display: none; left: 0px;
bottom: 0px;
position: absolute;
} }
} @media screen and (max-width: 890px) {
@media screen and (max-height: 449px) { .cpugraph {
.cpugraph .logo { display: none;
display: none; }
} }
} @media screen and (max-height: 449px) {
</style> .cpugraph .logo {
<link rel="stylesheet" href="/css/buttontile.css"> display: none;
}
}
</style>
<link rel="stylesheet" href="/css/buttontile.css">
</head> </head>
<body bgcolor="#336698"> <body bgcolor="#336698">
<a href="https://git.lain.church"><div class="btncontainer"><img class="btnimg" src="/img/gitlain.svg"></img><br>GitLain</div></a> <a href="https://git.lain.church"><div class="btncontainer"><img class="btnimg" src="/img/gitlain.svg"></img><br>GitLain</div></a>

View File

@ -1,4 +1,5 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/columns.css"> <link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css"> <link rel="stylesheet" href="/css/haiku.css">
<link rel="stylesheet" href="/css/dropdown.css"> <link rel="stylesheet" href="/css/dropdown.css">