lain.church-fe/static/index.html

57 lines
2.0 KiB
HTML

<html>
<head>
<style>
.btncontainer {
display: inline-block;
text-align: center;
color: white;
max-width: 80px;
}
.btnimg {
width: 64px;
height: 64px;
padding: 8px;
}
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>
</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="/redeem.html"><div class="btncontainer"><img class="btnimg" src="/img/user.svg"></img><br>Users</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.html"><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>Gopherholes</div></a>
<a href="https://welovela.in"><div class="btncontainer"><img class="btnimg" src="/img/fedi.svg"></img><br>WLL Pleroma</div></a>
<img class="cpugraph" src="/graphs/cpu-fp.png"></img>
<img class="logo" src="/img/copland.svg"></img>
</body>