feat: Adds rottenwheel website
Introduces a new HTML page as a personal website for "rottenwheel". Includes sections for about, writing, tools, podcasts, contact information, and PGP canary. The page features a spoiler toggle for sensitive contact details, open graph and Twitter card metadata for better social media integration, and styling for a clean presentation.
This commit is contained in:
commit
240ba92c8f
GPG key ID:
ECBCC9082395383F
1 changed files with 323 additions and 0 deletions
323
index.html
Normal file
323
index.html
Normal file
|
|
@ -0,0 +1,323 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" href="/static/images/rw_profile.jpg" />
|
||||
<meta property="og:title" content="rottenhouse" />
|
||||
<meta property="og:description" content="rottenhouse" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://rottenwheel.com/" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://rottenwheel.com/static/images/rw_profile.jpg"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="rottenhouse" />
|
||||
<meta name="twitter:description" content="rottenhouse" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://rottenwheel.com/static/images/rw_profile.jpg"
|
||||
/>
|
||||
<title>rottenhouse</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 1rem auto;
|
||||
max-width: 40rem;
|
||||
font: 1.2em/1.62 sans-serif;
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
p {
|
||||
line-height: 1.2;
|
||||
padding: 0 0.62rem;
|
||||
}
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.footer {
|
||||
margin: 8rem 0 0 0.5rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
code,
|
||||
pre {
|
||||
overflow-wrap: break-word;
|
||||
font-size: 1.2em/1.62;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
pre {
|
||||
margin: 1rem;
|
||||
}
|
||||
footer ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
footer ul li {
|
||||
display: inline;
|
||||
font-size: 1em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
footer ul li img {
|
||||
display: inline;
|
||||
height: 1rem;
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
footer ul li::after {
|
||||
content: " | ";
|
||||
}
|
||||
footer ul :last-child::after {
|
||||
content: "";
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
/* Hide the checkbox itself - we only need the label to be visible */
|
||||
#spoiler-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Style the label to look like a link - clicking it toggles the checkbox */
|
||||
label {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
padding: 0 0.62rem;
|
||||
}
|
||||
|
||||
/* Hide the spoiler content by default */
|
||||
.spoiler-content {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 0 0.62rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Show the spoiler content when the checkbox is checked */
|
||||
#spoiler-toggle:checked + label + .spoiler-content {
|
||||
display: block;
|
||||
padding: 0 0.62rem;
|
||||
}
|
||||
|
||||
/* Change the content of the label when the checkbox is checked */
|
||||
#spoiler-toggle:checked + label::after {
|
||||
content: "Hide Spoiler";
|
||||
}
|
||||
|
||||
#spoiler-toggle + label::after {
|
||||
content: "Show Spoiler";
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>rottenwheel</h1>
|
||||
|
||||
<h2>About</h2>
|
||||
<p>
|
||||
Hi, I am rottenwheel!<br />
|
||||
I am into:
|
||||
<a
|
||||
href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
|
||||
target="_blank"
|
||||
>FLOSS</a
|
||||
>; privacy; minimalism;
|
||||
<a href="https://anarkio.codeberg.page/agorism/" target="_blank"
|
||||
>agorism</a
|
||||
>; cryptocurrencies, i.e., Bitcoin; Monero; and Toncoin; sovereignty; and
|
||||
other things.
|
||||
</p>
|
||||
|
||||
<h2>Writing</h2>
|
||||
<p>
|
||||
- <a href="https://www.revuo-xmr.com/" target="_blank">Revuo Monero</a>.
|
||||
|<a
|
||||
href="http://revuo75joezkbeitqmas4ab6spbrkr4vzbhjmeuv75ovrfqfp47mtjid.onion/"
|
||||
target="_blank"
|
||||
>.onion</a
|
||||
>|.<br />
|
||||
- <a href="https://blog.rottenwheel.com/" target="_blank">Rottenblog</a>.
|
||||
|<a
|
||||
href="http://blog.rotten7573m2nr2yfk7csmdshktycg76b37riuv6f2qfyzdhgiskm6id.onion/"
|
||||
>.onion</a
|
||||
>|.
|
||||
</p>
|
||||
|
||||
<h2>Tools</h2>
|
||||
<p>
|
||||
- Revuo Monero
|
||||
<a href="https://calc.revuo-xmr.com/" target="_blank">Calc</a>. |<a
|
||||
href="http://calc.revuo75joezkbeitqmas4ab6spbrkr4vzbhjmeuv75ovrfqfp47mtjid.onion/"
|
||||
>.onion</a
|
||||
>|.<br />
|
||||
- Revuo
|
||||
<a href="https://moneroj.revuo-xmr.com/" target="_blank">Moneroj</a>. |<a
|
||||
href="http://moneroj.revuo75joezkbeitqmas4ab6spbrkr4vzbhjmeuv75ovrfqfp47mtjid.onion/"
|
||||
target="_blank"
|
||||
>.onion</a
|
||||
>|.
|
||||
</p>
|
||||
|
||||
<h2>Podcasts</h2>
|
||||
<p>
|
||||
EN<br />
|
||||
-
|
||||
<a
|
||||
href="https://ungovernablemisfits.com/podcast/one-million-dollar-btc-is-pointless-without-freedom/"
|
||||
target="_blank"
|
||||
>Ungovernable Misfits E111: One million dollar BTC is pointless without
|
||||
freedom</a
|
||||
>;<br />
|
||||
-
|
||||
<a
|
||||
href="https://www.podpage.com/citadeldispatch/cd58-ronindojo-privacy-and-freedom-tech-with-guerramoneta-brotherrabbit_-and-rottenwheel/"
|
||||
target="_blank"
|
||||
>Citadel Dispatch E58: RoninDojo, Privacy, and Freedom Tech</a
|
||||
>.<br /><br />
|
||||
ES<br />
|
||||
- Co-anfitrión en
|
||||
<a href="https://librarian.pussthecat.org/@elmonero:9" target="_blank"
|
||||
>El Monero</a
|
||||
>.
|
||||
<a href="https://podcasters.spotify.com/pod/show/elmonero" target="_blank"
|
||||
>Spotify</a
|
||||
>,
|
||||
<a
|
||||
href="https://inv.nadeko.net/channel/UCNvrbeVzrszpN7vQnMoCTVA"
|
||||
target="_blank"
|
||||
>YouTube</a
|
||||
>;<br />
|
||||
-
|
||||
<a
|
||||
href="https://podcasters.spotify.com/pod/show/criptohispanos/episodes/Criptohispanos-con-Rotten-Wheel-de-El-Monero-Podcast--sobre-privacidad--Monero-y-comunidad-eu7qq1"
|
||||
target="_blank"
|
||||
>Criptohispanos E38: sobre privacidad, Monero y comunidad</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
He is everywhere, therefore he had to use a spoiler. Find any and all
|
||||
platforms he is on below:
|
||||
</p>
|
||||
<input type="checkbox" id="spoiler-toggle" />
|
||||
<label for="spoiler-toggle"></label>
|
||||
<div class="spoiler-content">
|
||||
<p>
|
||||
<b>E-mail:</b> hi |at| rottenwheel |dot| com;<br />
|
||||
<b>Lemmy:</b> rottenwheel |at| lemmy |dot| cafe // rottenwheel |at|
|
||||
lemmy |dot| zip;<br />
|
||||
<b>Matrix:</b> |at| rottenwheel:unredacted |dot| org;<br />
|
||||
<b>Nostr:</b> rottenwheel |at| ok0 |dot| org (NIP-05).<br />
|
||||
<code
|
||||
>npub1tn8spk9zhxrctg2qym3gj8r7eq2wk6z3phrl8304wc54vt9qam4qvzw6jx</code
|
||||
>;<br />
|
||||
<b>PGP public</b>
|
||||
<a href="https://www.rottenwheel.com/pgp.txt" target="_blank">key</a>.
|
||||
<a
|
||||
href="https://archive.org/details/rottenwheel_pgp_public_key"
|
||||
target="_blank"
|
||||
>Archive</a
|
||||
>;
|
||||
<a href="https://github.com/rottenwheel.gpg" target="_blank">GitHub</a>;
|
||||
<a
|
||||
href="https://pb.envs.net/?f2171d903c8c39b2#ABKvcDPPMxwB3TACST583PJs1Tz8JtZ27cAWmEYqo35e"
|
||||
target="_blank"
|
||||
>PrivateBin</a
|
||||
>;<br />
|
||||
Fingerprint:
|
||||
<code>080F330AD043CC0A449A27D71FAD78669DE85DE8</code>;<br />
|
||||
<b>SimpleX:</b> contact
|
||||
<a
|
||||
href="https://simplex.chat/contact#/?v=1-4&smp=smp%3A%2F%2Fhejn2gVIqNU6xjtGM3OwQeuk8ZEbDXVJXAlnSBJBWUA%3D%40smp16.simplex.im%2F4O2CIL0kxNTZbB9wwgWsPw9HB_Gp9Y38%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEACg4ttrfKTdLLCneB7Mzevbuh1Lo6s1Scfjhrz0e7emA%253D%26srv%3Dp3ktngodzi6qrf7w64mmde3syuzrv57y55hxabqcq3l5p6oi7yzze6qd.onion"
|
||||
target="_blank"
|
||||
>address</a
|
||||
>;<br />
|
||||
<b>SoundCloud:</b> |at| rottensox;<br />
|
||||
<b>Telegram:</b> |at| joshr01;<br />
|
||||
<b>Threema:</b> Y99DFWMR;<br />
|
||||
<b>Wire:</b> |at| rottenwheel;<br />
|
||||
<b>XMPP:</b> rottenwheel |at| jabbers |dot| one;<br />
|
||||
OMEMO: [1]:
|
||||
<code
|
||||
>ed49f179a8f10ddc3365a123eda4a987a0dd303e0dc40143f2c9e118a3c92b63</code
|
||||
>;<br />
|
||||
[2]:
|
||||
<code
|
||||
>5ab674ad81cc103fe448cbd80b2c13acf888a56c8892c93b0bb3afc0934ab621</code
|
||||
>;<br />
|
||||
<b>X</b>: |at| rottenwheel1 // |at| rottenwheel.<br /><br />
|
||||
All contact details above are digitally signed with my PGP key in
|
||||
<a href="https://www.rottenwheel.com/contact-signed.txt" target="_blank"
|
||||
>contact-signed.txt</a
|
||||
>;
|
||||
<a
|
||||
href="https://gist.github.com/rottenwheel/cae7af024abde8d28075ba2794cc1506"
|
||||
target="_blank"
|
||||
>Gist</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Canary</h2>
|
||||
<pre>
|
||||
<code>-----BEGIN PGP SIGNED MESSAGE-----
|
||||
Hash: SHA512
|
||||
|
||||
If this section disappears then something is wrong that I cannot disclose.
|
||||
-----BEGIN PGP SIGNATURE-----
|
||||
|
||||
iQIzBAEBCAAdFiEECA8zCtBDzApEmifXH614Zp3oXegFAmKylfEACgkQH614Zp3o
|
||||
XegbKRAAsAqtHuEMg0Mx+HWXetajTxb8d2FxMcJrsDD34TKB98CaptEc0Tj8+zxc
|
||||
4xCHs2agK+Y2JH+o9/8mEqe3O1sMgiq9fnPd0XdQ9AsbfhW121Ao14FklNEE0Hl3
|
||||
1m0XdBZwtrS77CSKVEfGgdjX5B32aSVWKVCrH8TFnjU4pg1LrA9tvkVj/u74m6V7
|
||||
O4JxwcR4yXoR6gr0GQvnBstaB++MxZgEOoG9BmnDDOL+J/96F7l44c+As/EGbHKU
|
||||
Cvbp4SUvAjDN+24LUNqXI0rNKLm6p94Yxd4MEh01iEj61GlXhRYNiL82McORLet9
|
||||
xhintlbyGlg/lWWrhdO9vKoE+dzuOineOTgckNvAzjWAAQg1jtq5jDTd0f+6i/aD
|
||||
rYbOiGdO1YfN03rURj18Y/gNYcSL9zvSp1emOqs1gYC9MV6K62nvCYXCLjJGkCUF
|
||||
Y7Cb8mncs1Y3jAK7OINHCe8Pp0A5RjHXDxqzQ0cG9hOF5CBfvSBPL4z57yfgW0jF
|
||||
CZOzwfuFdhx6k1PHlditdNVRkInblPe5Qd/ADy7TgWYxd+TQ1RkaOwOoCF0+0TO4
|
||||
KR1dqfh335GfYstWytn8m2CnYkmLOzM1wp0B2uuxH5mUaO5c0EByMFuGnH4039cU
|
||||
p8q4RSPckEMMhk6wO72mbngEjth3GGgmtY2D7Er7PvD8G/4tkh4=
|
||||
=4IsW
|
||||
-----END PGP SIGNATURE-----</code>
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
Canary
|
||||
<a
|
||||
href="https://gist.github.com/rottenwheel/221bdf9650e566dd72b3e05887e20675"
|
||||
target="_blank"
|
||||
>gist</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
<ul>
|
||||
<li><a href="https://www.rottenwheel.com">Clearnet</a></li>
|
||||
<li>
|
||||
<img src="/icons/tor.png" alt="Onion" /> <a
|
||||
href="http://rotten7573m2nr2yfk7csmdshktycg76b37riuv6f2qfyzdhgiskm6id.onion"
|
||||
>Onion</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
<div class="footer">
|
||||
Webring: <a href="https://elefantlover.github.io/">< Previous</a> |
|
||||
<a href="https://webring.t0.vc">Index</a> |
|
||||
<a href="https://nice42q.de">Next ></a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue