add disabled badges

This commit is contained in:
ben clark 2021-04-06 22:43:25 +00:00
parent 2975702195
commit 7aadf8a7da
2 changed files with 8 additions and 3 deletions

View File

@ -7,6 +7,11 @@
.badges img{
width: 100%;
}
.offline {
filter: grayscale(1);
}
@media (max-width: 400px) {
.badges {
flex-direction: column;

View File

@ -3,7 +3,7 @@
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>signup - south london</title>
<title>more - south london</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='/main.css'>
<link rel='stylesheet' type='text/css' media='screen' href='./badges.css'>
@ -17,8 +17,8 @@
<p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a> · <a href="/more">🍄 more</a> </p>
<p>we have a bunch of services to show off, but keeping them in the top navigation was getting a bit unwieldy, so i've shoved the less important links onto this page</p>
<div class="badges">
<a href="https://minetest.southlondon.cc">
<img src="./img/minetest.png">
<a>
<img class="offline" src="./img/minetest.png">
</a>
</div>
<br>