whisper.cat/homepage/aboutme/index.html

213 lines
6.6 KiB
HTML
Raw Normal View History

2023-10-05 23:28:32 +11:00
<!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>
2023-10-16 12:33:59 +11:00
<a rel="me" href="https://geekdom.social/@harper">
2023-10-05 23:28:32 +11:00
<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>
2023-10-16 12:33:59 +11:00
<div>
<a href="https://gitea.whisper.cat/harper">
<img
alt="Gitea, Git with a cup of Tea"
src="https://cdn.whisper.cat/Gitea_Logo.png"
/>
</a>
</div>
2023-10-05 23:28:32 +11:00
</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>
</body>
2023-10-16 12:33:59 +11:00
</html>