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

5 년 전 · 8a284dc31d
--- a/static/index.html
+++ b/static/index.html
@@ -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-width: 890px) {
   .cpugraph {
     display: none;
   }
  }
 }
 @media screen and (max-height: 449px) {
  .cpugraph .logo {
    display: none;
  @media screen and (max-height: 449px) {
   .cpugraph .logo {
     display: none;
   }
  }
 }
 </style>
 <link rel="stylesheet" href="/css/buttontile.css">
 </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>
--- a/static/services.html
+++ b/static/services.html
@@ -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">