From 02ab9c8c0514ebc91dbdbb23a367228f09c73cf5 Mon Sep 17 00:00:00 2001 From: Tsugu Date: Tue, 9 Jul 2024 15:02:44 +0200 Subject: [PATCH] Upload files to "/" --- index.html | 173 ++++++++++++++++++++++++++++ style.css | 326 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 499 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..6c6a63a --- /dev/null +++ b/index.html @@ -0,0 +1,173 @@ + + + + + Tsugu's cave + + + + + + + +
+ + +

Tsugu's cave

+ +

+

A landing page for anyone interested in my other social media or my work. Don't hesitate to contact me, I will always reply.

+

+ +

Contact

+ + + + + +

Matrix: @tsugu:thishorsie.rocks

+ + +

E-mail + XMPP: tsugu@disroot.org 🔒PGP key

+ + +

Threema: 33SUHC8P

+ + + +

Social Media

+ + +

Lemmy:tsugu@slrpnk.net

+ + + +

Odysee: Tsugu

+ +

Mastodon: Tsugu

+ + +

Tip jar

+ + +

+ Monero [XMR] +

47LvZhFGkq2FvgdHAPU4DiVaHkuDuyJcEaBnD234wBqZ3EKLmM2WEheRfB7y9zJFYn7LcsP9oyMqzQsqdECNyvj7DaLTcst

+

+ +

+ Polkadot [DOT] +

112JuVYhx1soTGRfhVaxcbtsT8gPtb4TC9jN6HvtDRUhX1Db

+

+ +

+ Cardano [ADA] +

+ addr1q9yg5a4sy3xcxxf3k97av0xz2m8u8mejx8e3h478449u3ruv8ncjsv9amcu6vl62x78fz4afvf9lhdkgx3fzp75km8hs8wwsz4

+

+ + +

+ Litecoin [LTC] +

+ ltc1qlzn7qfqr9f54mxh6yqj274m8zfwq4h8y46z724

+

+ + +

+ Bitcoin Cash [BCH] +

+ bitcoincash:qzhc2ujnx8efu5vkkxs6az6vkxfp0jutqqeg749me8

+

+ + +

+ Bitcoin [BTC] +

+ bc1q79mnu806cnj79ld7c2sw8z2j6x2lqcpzshuemd

+

+ + + +

+ Internet Computer Protocol [ICP] +

+ ee7c26bac274c9e9e07a919df8bafb3376bba642e1bb1535506458aa7f1ee8ee

+

+ + + + +

+ Nano [XNO] +

+ nano_1dpfxae9hddco87zsphjuzqw5pjs1yma9obnnqzot9pte4r3duu755kx79qx

+

+ +

+ Ethereum [ETH] +

+ 0x65a25A846208c0A238FA2487E274AED825b7B4a3

+

+ + + +

Projects

+

+ +

Threema Groups

+ +

+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..79fdf83 --- /dev/null +++ b/style.css @@ -0,0 +1,326 @@ +/* Since this site is about teaching web concepts, even this file is a learning + * opportunity. */ + +body { + color: white; + background-color: #1f1f1f; + background-image: url("bg.png"); + margin-bottom: 200px ; + font-family: monospace; +font-size: 17px; +} + +h1 { + text-align: center ; + color: lime ; + font-size: 24pt ; + border-bottom: none; + max-width: 700px ; + margin: 1em auto ; + background: linear-gradient(to right, #00ff00, #2ab300,#5fff20, #02c543); + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +header h1 { + font-size: 40px ; +} + +h2 { + text-align: center ; + color: deeppink ; + font-size: 24pt ; + border-bottom: none; + max-width: 800px ; + margin: 1em auto ; + background: linear-gradient(to right, #fd4229, #ff7316,#e9493b, #df5431); + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +h3 { + color: gold; +} + +.white { + color: lime; +} + +.lime + { + color: white; + } + +/* "a" is for links. */ +a { + color: lightblue ; + +} + + +/* The "hover" option, which can be used with pretty much anything, allows you + * to set different settings if someone hovers over something with their mouse. + * */ +a:hover { + color: white ; +} + +dt { + font-weight: bold ; +} + +/* code and pre are for formatting monospace text commands. Use code generally, + * but pre is for separate code blocks. pre is also sensitive to whitespace, + * unlike most of HTML. */ +code { + color: lime ; + border-radius: 5px ; +} +pre { + background: #111222 ; + border: 1px solid lime ; + border-radius: 20px ; + padding: 1em ; + white-space: pre-wrap; + overflow-wrap: break-word ; + max-width: 600px ; + margin: auto ; +} + +.wide { max-width: inherit ; } + +p img, li img, h1 img, h2 img, h3 img, h4 img, dt img { + vertical-align: middle; + max-width: 1em; + max-height: 1em; + border: solid 0px black ; + display: inline ; +} + +img { + max-width: 90% ; + margin: auto ; + display: block ; + border: none ; +} +.titleimg { + border: none ; + height: 150px ; +} +strong { + color: white ; +} + +footer { + text-align: center ; + font-variant: small-caps ; + clear: both ; + padding: 2em 0 ; +} +footer li { + display: inline-block ; + padding: 0 .5em ; + font-size: x-large ; +} +footer li:hover { + background: lightblue ; +} + +nav { font-size: small ;} + +footer { font-size: large ; } + +nav ul, footer ul, #taglist { + padding: 0; +} + +main { + margin: auto ; + font-family: monospace; +} + +/* asides are used for minor tangential notes. I have them shrunk down in + * softer colors in a box with soft corners (border-radius). */ + +aside { + border: solid 1px black ; + border-radius: 20px ; + padding: 0 1em 0 1em ; + font-size: small ; +} + +aside p { + color: gray ; +} + +aside code { + color: green ; +} + +/* .callout here is refencing any aside given the class name callout + * An example being: