147 lines
4.4 KiB
HTML
147 lines
4.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-US">
|
||
|
|
|
||
|
|
<html> <head> <title>dev.whisper.cat</title> <style>
|
||
|
|
body {
|
||
|
|
width: 35em;
|
||
|
|
margin: 0 auto;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 125%;
|
||
|
|
color: green;
|
||
|
|
background-image: url("https://cdn.whisper.cat/Background2.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-size: cover;
|
||
|
|
}a:link {
|
||
|
|
color: green;
|
||
|
|
background-color: transparent;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:visited {
|
||
|
|
color: pink;
|
||
|
|
background-color: transparent;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: red;
|
||
|
|
background-color: transparent;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:active {
|
||
|
|
color: yellow;
|
||
|
|
background-color: transparent;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
width: 700px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
width: 700px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
width: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
border: 3px solid magenta;
|
||
|
|
padding: 2%;
|
||
|
|
|
||
|
|
}
|
||
|
|
.cat {
|
||
|
|
width: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
border: 3px solid magenta;
|
||
|
|
padding: 2%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.social-flex {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
/* small computer screens */
|
||
|
|
@media only screen and (max-width: 992px) {
|
||
|
|
.container {
|
||
|
|
width: 550px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* tablets */
|
||
|
|
@media only screen and (max-width: 768px) {
|
||
|
|
.container {
|
||
|
|
width: 400px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* phones */
|
||
|
|
@media only screen and (max-width: 600px) {
|
||
|
|
.container {
|
||
|
|
width: auto;
|
||
|
|
margin: 1em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style> </head>
|
||
|
|
<body>
|
||
|
|
<div class="cat">
|
||
|
|
<div>
|
||
|
|
<pre><b>
|
||
|
|
<span style="color:yellow;font-weight:italic">
|
||
|
|
* * *
|
||
|
|
__ * *
|
||
|
|
,db' * * * *
|
||
|
|
,d8/ * * * *
|
||
|
|
888 . *
|
||
|
|
`db\ * * * *
|
||
|
|
`o`_ **
|
||
|
|
* * *</span>
|
||
|
|
_
|
||
|
|
/ )
|
||
|
|
(\__/) ( (
|
||
|
|
,-.,-.,) (.,-.,-.,-.) ).,-.,-.
|
||
|
|
| @| ={ }= | @| / / | @|o |
|
||
|
|
_j__j__j_) `-------/ /__j__j__j_
|
||
|
|
________( /___________
|
||
|
|
| | @| \ || o|O | @|
|
||
|
|
|o | |,'\ , ,'"| | | |
|
||
|
|
vV\|/vV|`-'\ ,---\ | \Vv\hjwVv\//v
|
||
|
|
_) ) `. \ /
|
||
|
|
(__/ ) )
|
||
|
|
(_/</b></pre>
|
||
|
|
|
||
|
|
<span style="color:purple;font-weight:italic"><center><h1>Welcome to<h1> <h2>dev.whisper.cat</h2></center></span>
|
||
|
|
<center><p>-</p>
|
||
|
|
<p><a href="irc://sodium.libera.chat/whisper.cat">irc#whisper.cat@libera.chat</a> <p><a href="https://gitea.whisper.cat">Gitea</a> | <a href="https://sdr.whisper.cat">Online HF/VHF/UHF SDR</a></p>
|
||
|
|
<p>-</p>
|
||
|
|
<a href="https://weboasis.whisper.cat">Weboasis Mirror</a> | <a href="https://weboasis.whisper.cat/torrent/">Webtorrent Client</a> | <a href="https://weboasis.whisper.cat/tv/">Live TV Streams</a></p>
|
||
|
|
<p>-</p>
|
||
|
|
<span style="color:white;font-weight:italic"><p>This is a development environment, Things are prone to breaking here</p>
|
||
|
|
<p>I'll fix them at some point in time :)</p></span>
|
||
|
|
<span style="color:white;font-weight:italic"><p>If are accessing this website because you had some issue with the traffic coming from this IP.</p>
|
||
|
|
<p>Click here: <a href="https://tor.whisper.cat">https://tor.whisper.cat</a></p></span>
|
||
|
|
<p>-</p>
|
||
|
|
<b><img src="https://hotemoji.com/images/dl/x/flag-of-ukraine-emoji-by-google.png" alt="#WeStandWithUkraine" width="100" height="100">
|
||
|
|
<p><p><span style="color:Blue;font-weight:bold">#WeStand</span><span style="color:Yellow;font-weight:bold">WithUkraine</span></p>
|
||
|
|
<p>-</p>
|
||
|
|
</div>
|
||
|
|
</center>
|
||
|
|
</body>
|
||
|
|
</html>
|