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>
<head>
<title>lain.church</title>
<style>
body {
font-family: sans-serif;
}
.logo {
right: 16px;
bottom: 16px;
width: 96px;
height: 96px;
position: absolute;
}
.cpugraph {
left: 0px;
bottom: 0px;
position: absolute;
}
@media screen and (max-width: 890px) {
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lain.church</title>
<style>
body {
font-family: sans-serif;
}
.logo {
right: 16px;
bottom: 16px;
width: 96px;
height: 96px;
position: absolute;
}
.cpugraph {
display: none;
left: 0px;
bottom: 0px;
position: absolute;
}
}
@media screen and (max-height: 449px) {
.cpugraph .logo {
display: none;
@media screen and (max-width: 890px) {
.cpugraph {
display: none;
}
}
}
</style>
<link rel="stylesheet" href="/css/buttontile.css">
@media screen and (max-height: 449px) {
.cpugraph .logo {
display: none;
}
}
</style>
<link rel="stylesheet" href="/css/buttontile.css">
</head>
<body bgcolor="#336698">
<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>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css">
<link rel="stylesheet" href="/css/dropdown.css">