207 lines
6.3 KiB
HTML
207 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Whisper.cat | About Me</title>
|
|
<style>
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: monospace;
|
|
font-size: 100%;
|
|
color: rgb(255, 255, 255);
|
|
background: rgba(87, 3, 189);
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
width: 700px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sticky-div {
|
|
background-color: rgb(98, 0, 128);
|
|
position: sticky;
|
|
top: 0px;
|
|
padding: 5px 0px;
|
|
color : rgb(34, 255, 0);
|
|
}
|
|
|
|
.content {
|
|
width: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border: 3px solid magenta;
|
|
padding: 2%;
|
|
text-align: center;
|
|
}
|
|
|
|
.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>
|
|
<div class="sticky-div">
|
|
<center><a href="https://whisper.cat">Homepage</a> | <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> | <a href="https://gitea.whisper.cat">Gitea</a> | <a href="https://sdr.whisper.cat">Online HF/VHF/UHF SDR</a></p></center>
|
|
</div>
|
|
<html>
|
|
<div class="container">
|
|
<div>
|
|
|
|
<span style="color: rgb(255, 255, 255); font-weight: italic">
|
|
<h1>About Me</h1>
|
|
</span>
|
|
</div>
|
|
<div class="content">
|
|
<span style="color: Magenta; font-weight: italic">
|
|
<h2>
|
|
<b><p>Harper Innes ( She - Her / They - Them )</p></b>
|
|
</h2>
|
|
<h2>
|
|
<b>Pronounced as: Har-per Inn-es</b>
|
|
</h2>
|
|
</span>
|
|
<p>_______</p>
|
|
<span style="color: rgb(255, 255, 255); font-weight: italic">
|
|
<h3>
|
|
|
|
<style>
|
|
a {
|
|
color: rgb(34, 255, 0);
|
|
}
|
|
|
|
</style>
|
|
|
|
<p>Hello there!</p>
|
|
<p>I'm a Neurodivergent Non-Binary Trans person from Melbourne, Australia</p>
|
|
<p>I currently run the domain "whisper[.]cat" and several other bits of Infrastructure that support it's existance. </p>
|
|
<p>This is a continual work in progress,</p>
|
|
<p>So you may find stuff broken from time to time! Opps~.</p>
|
|
<p>_______</p>
|
|
<p>I'm a big believer in the freedom of the Internet and run several Tor Relay nodes to support the <a href="https://en.wikipedia.org/wiki/Tor_(network)">Onion Network (TOR)</a></p>
|
|
<p>_______</p>
|
|
<p>By day I'm a Systems Administrator and Network Engineer with experience in Linux Systems, Cisco, Cpanel, Nginx, Pterodactyl to name a few</p>
|
|
<p>_______</p>
|
|
<p>My hobbies include</p>
|
|
<p><a href="https://en.wikipedia.org/wiki/Amateur_radio">Amateur (HAM) Radio</a> with over 14 thousand contacts and 160 countries contacted,</p>
|
|
<p>Photography, Cycling, Video Gaming & Electronics Tinkering</p>
|
|
<p>_______</p>
|
|
<p>If you'd like to know more,</p>
|
|
<p>Please contact me on one of my social medias (Icons below) or email me</p>
|
|
<p>
|
|
Contact me:
|
|
<a href="mailto:webmaster@whisper.cat"
|
|
>webmaster@whisper.cat</a
|
|
>
|
|
<p>-</p>
|
|
<p>
|
|
|
|
<a href="https://whisper.cat">Return to Homepage</a>
|
|
</p>
|
|
</h3>
|
|
<p>-</p>
|
|
|
|
</p>
|
|
</span>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="social-flex">
|
|
<div>
|
|
<a href="https://gitlab.com/m0ze1r">
|
|
<img
|
|
alt="m0ze1r@Gitlab"
|
|
src="https://cdn.whisper.cat/gitlab-80-80.png"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://twitter.com/InnesHarper_">
|
|
<img
|
|
alt="Twitter"
|
|
src="https://cdn.whisper.cat/twitter-80-80.png"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://whisper.cat/not-found/404.html">
|
|
<img
|
|
alt="Mastodon"
|
|
src="https://cdn.whisper.cat/mastodon-80-80.png"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="irc://sodium.libera.chat/whisper.cat">
|
|
<img
|
|
alt="irc#whisper.cat@libera.chat"
|
|
src="https://cdn.whisper.cat/libera80-80.png"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="social-flex">
|
|
<div>
|
|
<img
|
|
src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Nonbinary_flag.svg/300px-Nonbinary_flag.svg.png"
|
|
alt="#NonBinaryRights #TheyThem"
|
|
width="100"
|
|
height="67"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<img
|
|
src="https://upload.wikimedia.org/wikipedia/commons/f/fd/LGBTQ%2B_rainbow_flag_Quasar_%22Progress%22_variant.svg"
|
|
alt="#LGBTIRights"
|
|
width="100"
|
|
height="67"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<img
|
|
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Transgender_Pride_flag.svg/1920px-Transgender_Pride_flag.svg.png"
|
|
alt="#TransRights"
|
|
width="100"
|
|
height="67"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<span style="color: Yellow; font-weight: italic"></span>
|
|
</div>
|
|
</div>
|
|
</html>
|
|
</body>
|
|
</html>
|