Add offline indicator
This commit is contained in:
parent
9d1b5e8c67
commit
f1290fe6e3
|
@ -12,3 +12,28 @@
|
|||
stroke: black;
|
||||
fill: none;
|
||||
}
|
||||
.offline {
|
||||
color: red;
|
||||
font-size: 300%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.offline-blur {
|
||||
position: absolute;
|
||||
color: red;
|
||||
font-size: 300%;
|
||||
font-weight: bold;
|
||||
animation-name: glow;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
@keyframes glow {
|
||||
from {
|
||||
filter: blur(.05em);
|
||||
}
|
||||
50% {
|
||||
filter: blur(.1em);
|
||||
}
|
||||
to {
|
||||
filter: blur(.05em);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -44,9 +44,15 @@
|
|||
<li>Xonotic (<a href="https://xonotic.org/download/">download</a>)</li>
|
||||
</ul>
|
||||
<p>Enjoy!</p>
|
||||
<h1>Voice chat</h1>
|
||||
<p>Mumble chat on <a href="mumble://hribhrib.at">hribhrib.at</a></p>
|
||||
<h1>Code</h1>
|
||||
<p>Code for setting up server is on <a href="https://github.com/DeathByDenim/gameserver">Github</a></p>
|
||||
</div>
|
||||
<div class="col-6 col-md-4">
|
||||
<h5>Live stats</h5>
|
||||
<!-- <div class="offline-blur">OFFLINE</div>
|
||||
<div class="offline">OFFLINE</div> -->
|
||||
<noscript>
|
||||
Live stuff requires JavaScript unfortunately
|
||||
</noscript>
|
||||
|
|
Reference in New Issue