Add offline indicator
This commit is contained in:
parent
9d1b5e8c67
commit
f1290fe6e3
|
@ -12,3 +12,28 @@
|
||||||
stroke: black;
|
stroke: black;
|
||||||
fill: none;
|
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>
|
<li>Xonotic (<a href="https://xonotic.org/download/">download</a>)</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>Enjoy!</p>
|
<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>
|
||||||
<div class="col-6 col-md-4">
|
<div class="col-6 col-md-4">
|
||||||
<h5>Live stats</h5>
|
<h5>Live stats</h5>
|
||||||
|
<!-- <div class="offline-blur">OFFLINE</div>
|
||||||
|
<div class="offline">OFFLINE</div> -->
|
||||||
<noscript>
|
<noscript>
|
||||||
Live stuff requires JavaScript unfortunately
|
Live stuff requires JavaScript unfortunately
|
||||||
</noscript>
|
</noscript>
|
||||||
|
|
Reference in New Issue