<html>
<head>
<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 {
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;
}
}
</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 href="/about.html"><div class="btncontainer"><img class="btnimg" src="/img/txt.svg"></img><br>about</div></a>
<a href="https://welovela.in/users/lainchurch"><div class="btncontainer"><img class="btnimg" src="/img/rss.svg"></img><br>News</div></a>
<a href="/graphs"><div class="btncontainer"><img class="btnimg" src="/img/graphs.svg"></img><br>Stats</div></a>
<a href="/services.html"><div class="btncontainer"><img class="btnimg" src="/img/services.svg"></img><br>Services</div></a>
<a href="/xmpp/conversejs"><div class="btncontainer"><img class="btnimg" src="/img/xmpp.svg"></img><br>XMPP</div></a>
<a href="https://lainon.life"><div class="btncontainer"><img class="btnimg" src="/img/radio.svg"></img><br>lainon.life</div></a>
<a href="https://allsprk.tv"><div class="btncontainer"><img class="btnimg" src="/img/projector.svg"></img><br>allsprk.tv</div></a>
<a href="https://lainchan.org"><div class="btncontainer"><img class="btnimg" src="/img/lainchan.png"></img><br>Lainchan</div></a>
<a href="https://gopher.lain.church"><div class="btncontainer"><img class="btnimg" src="/img/folder.svg"></img><br>Gopher</div></a>
<a href="https://welovela.in"><div class="btncontainer"><img class="btnimg" src="/img/wll.png"></img><br>Pleroma</div></a>
<img class="cpugraph" src="/graphs/cpu-fp.png"></img>
<img class="logo" src="/img/copland.svg"></img>
</body>