+
+ 
-
-
@@ -327,6 +331,28 @@
+
+ 
+
+
+ 
+ 
+
+
+ 
+
+
+
+
+ 
+
+
+ 
@@ -383,6 +420,9 @@
wow + +
+ art by gray diff --git a/media/bg/60309.png b/media/bg/60309.png new file mode 100644 index 0000000..2c24f93 --- /dev/null +++ b/media/bg/60309.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:bd0a1bf046d64749757d994126e929955d5ee234d5e2d71511b9018242c41fc3 +size 674201 diff --git a/media/bg/60309_neon.png b/media/bg/60309_neon.png new file mode 100644 index 0000000..073e12f --- /dev/null +++ b/media/bg/60309_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5901e367a39ca5460e27f78be4d37e537a8fb16d2ff63f15a256f0750806724f +size 377679 diff --git a/media/bg/kesi.png b/media/bg/kesi.png new file mode 100644 index 0000000..fcc007b --- /dev/null +++ b/media/bg/kesi.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5d04f8eada33b13a8f598bf98add8d95adcefd1dfec46b1b99b9c9bc777f12ad +size 449631 diff --git a/media/bg/kesi_neon.png b/media/bg/kesi_neon.png new file mode 100644 index 0000000..9944584 --- /dev/null +++ b/media/bg/kesi_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:19526a64516238873e9257b10ca492fa56791be7e64e4c27f60da72c5376b36f +size 297761 diff --git a/media/bg/korai.png b/media/bg/korai.png new file mode 100644 index 0000000..9e259ad --- /dev/null +++ b/media/bg/korai.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9bfa1ce5f9332b23c2b3a0fb136b8d67c1c97e048f289efaad6c1bc3405433af +size 251322 diff --git a/media/bg/korai_neon.png b/media/bg/korai_neon.png new file mode 100644 index 0000000..114acf5 --- /dev/null +++ b/media/bg/korai_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a702cfebb82b4c253bf525016f94c2bde19946b262f594a658e33745e9f7dd60 +size 209836 diff --git a/media/bg/mirai.png b/media/bg/mirai.png new file mode 100644 index 0000000..378e118 --- /dev/null +++ b/media/bg/mirai.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1df78badebde5472672e5ed3fd25d4627399648c31df10046fe68934a1893723 +size 100843 diff --git a/media/bg/mirai_neon.png b/media/bg/mirai_neon.png new file mode 100644 index 0000000..cca645d --- /dev/null +++ b/media/bg/mirai_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f620befbe047b17427cfaf3f5bbd8861ea54b89fab26546ec2cefec6f674cedb +size 103106 diff --git a/media/bg/niss.png b/media/bg/niss.png new file mode 100644 index 0000000..33aaf8e --- /dev/null +++ b/media/bg/niss.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ea72aa6f1687290c537cf720122c400c296e90e0499366b50d21851fd681e19f +size 549006 diff --git a/media/bg/niss2.png b/media/bg/niss2.png new file mode 100644 index 0000000..2dd468c --- /dev/null +++ b/media/bg/niss2.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:26e226715ad166f406cb5bb471e2a80a979b90519d76271165f80d8596f8dc3f +size 834362 diff --git a/media/bg/niss2_neon.png b/media/bg/niss2_neon.png new file mode 100644 index 0000000..6347808 --- /dev/null +++ b/media/bg/niss2_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4e68faae023be15c244700804151b4b0816a2dde0d9435552ee0537ed4da5aae +size 449825 diff --git a/media/bg/niss_neon.png b/media/bg/niss_neon.png new file mode 100644 index 0000000..95698a9 --- /dev/null +++ b/media/bg/niss_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e5ff6133638542f50f5f66ccbf6925d7b8c61afa8d5b53d69ab7a1996a8a253c +size 538971 diff --git a/media/bg/nisse.png b/media/bg/nisse.png new file mode 100644 index 0000000..324065f --- /dev/null +++ b/media/bg/nisse.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6aa61849316a2f1e4e753f00608e5b4c31b712699ec5c91a818283fe2dac3031 +size 389497 diff --git a/media/bg/nisse_neon.png b/media/bg/nisse_neon.png new file mode 100644 index 0000000..001ddf0 --- /dev/null +++ b/media/bg/nisse_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:84246da2d56c8ca1048ad4d166ea48150f273e00ec0ae5a9851cae6bb81b5e59 +size 200405 diff --git a/media/bg/prickly.png b/media/bg/prickly.png new file mode 100644 index 0000000..e6e0898 --- /dev/null +++ b/media/bg/prickly.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:470cf82dfefb85c1ffdf4f4ded187e4d15bd35366cdaaf727de40fe9e63facf1 +size 401724 diff --git a/media/bg/prickly_neon.png b/media/bg/prickly_neon.png new file mode 100644 index 0000000..5624625 --- /dev/null +++ b/media/bg/prickly_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7e006241b06222fb8ed5bcad61483749ecd0ebb825e6a617387cccb36a7a3327 +size 364852 diff --git a/media/bg/qt.png b/media/bg/qt.png new file mode 100644 index 0000000..623e845 --- /dev/null +++ b/media/bg/qt.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:eb051e0e501e69121ca868af3071b159213db81dd425273206b9c8f84c43a277 +size 524936 diff --git a/media/bg/qt2.png b/media/bg/qt2.png new file mode 100644 index 0000000..0e3db28 --- /dev/null +++ b/media/bg/qt2.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:29d7e45fb80898a9bf0ae615fcfea48c91a8ddc9aa935217394dc6c6b53afd32 +size 328430 diff --git a/media/bg/qt2_neon.png b/media/bg/qt2_neon.png new file mode 100644 index 0000000..be9a28d --- /dev/null +++ b/media/bg/qt2_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:bf4dd8a057e207dd9bf5ac8b8f8f850c47a0a8ec7c4fdb7ce44e528f8a7f8f4e +size 422048 diff --git a/media/bg/qt_neon.png b/media/bg/qt_neon.png new file mode 100644 index 0000000..46ab10f --- /dev/null +++ b/media/bg/qt_neon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1f64a7471796a587b3e02f7f6987abe6146a35fde4b11edb3dabd08c2b270308 +size 415892 diff --git a/media/buttons/FaeAlchemist.gif b/media/buttons/FaeAlchemist.gif new file mode 100644 index 0000000..f197d7e --- /dev/null +++ b/media/buttons/FaeAlchemist.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ae09f7f11460a163d8f254fee969699e844a6019865460466eda709d3168b49e +size 4977 diff --git a/media/buttons/FaeAlchemist_still.gif b/media/buttons/FaeAlchemist_still.gif new file mode 100644 index 0000000..f197d7e --- /dev/null +++ b/media/buttons/FaeAlchemist_still.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ae09f7f11460a163d8f254fee969699e844a6019865460466eda709d3168b49e +size 4977 diff --git a/media/buttons/abyss.gif b/media/buttons/abyss.gif new file mode 100644 index 0000000..49a04d7 --- /dev/null +++ b/media/buttons/abyss.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ebcbc36182b33beb4a07d11dadc76d5c63d716c9c19588bf94f71f29b7dedf56 +size 9667 diff --git a/media/buttons/abyss_still.gif b/media/buttons/abyss_still.gif new file mode 100644 index 0000000..b85cf66 --- /dev/null +++ b/media/buttons/abyss_still.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:00bbba8acb84f151a9271a751136c6e8586ced904b54938428681e82f985afb0 +size 945 diff --git a/media/buttons/craw.png b/media/buttons/craw.png new file mode 100644 index 0000000..ef37fe9 --- /dev/null +++ b/media/buttons/craw.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:43b7db9797d8908a418fbe4c45c4599ebfa9e3777689ae9da3ce25cc688e8135 +size 547 diff --git a/media/buttons/crouton.png b/media/buttons/crouton.png new file mode 100644 index 0000000..86a1b1c --- /dev/null +++ b/media/buttons/crouton.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c9fdbb3baba70fc016920ddcf922f83ba2eb4f3ff1924c05cbba0f96333352f9 +size 10901 diff --git a/media/buttons/rtts.png b/media/buttons/rtts.png new file mode 100644 index 0000000..e2bce39 --- /dev/null +++ b/media/buttons/rtts.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e44f57531984e24706a67a709bb88f9581e0ec5388ab2dcd71b30743d7675226 +size 4366 diff --git a/media/buttons/suricrasia.gif b/media/buttons/suricrasia.gif new file mode 100644 index 0000000..2e7e634 --- /dev/null +++ b/media/buttons/suricrasia.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:340934da25996e9415d1181f56a975790357abc7e40521429f1b92a58af2ec32 +size 446 diff --git a/media/kra/bg/60309.kra b/media/kra/bg/60309.kra new file mode 100644 index 0000000..ba51309 --- /dev/null +++ b/media/kra/bg/60309.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e7a9147b24d25c531fb9a861eb525ca1a00e6bcc6973629c1d8301fe1d793c26 +size 2670133 diff --git a/media/kra/bg/60309_neon.kra b/media/kra/bg/60309_neon.kra new file mode 100644 index 0000000..9a91999 --- /dev/null +++ b/media/kra/bg/60309_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6eec9cb67137e83d6ab42dcbe97f9810a4f28e13fbd25f1915ae583c94de6480 +size 2356962 diff --git a/media/kra/bg/kesi.kra b/media/kra/bg/kesi.kra new file mode 100644 index 0000000..68a9381 --- /dev/null +++ b/media/kra/bg/kesi.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:cfae745a855fb2dfde0b4b4a48b881b3b25c03f137e911c621f5ca52ce4f5b7d +size 2445767 diff --git a/media/kra/bg/kesi_neon.kra b/media/kra/bg/kesi_neon.kra new file mode 100644 index 0000000..a2d12ae --- /dev/null +++ b/media/kra/bg/kesi_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7284bc7365ee081a40ca5d30a874799b66a3b5808d6da0e132778fa1ad97dddf +size 2454292 diff --git a/media/kra/bg/kesi_sprite_back.kra b/media/kra/bg/kesi_sprite_back.kra new file mode 100644 index 0000000..3e76f3b --- /dev/null +++ b/media/kra/bg/kesi_sprite_back.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6f0be0125c00e6028b2543ac772327f6cd32498821e5854337d1bb6371f2aa52 +size 118794 diff --git a/media/kra/bg/kesi_sprite_front.kra b/media/kra/bg/kesi_sprite_front.kra new file mode 100644 index 0000000..24aa3ff --- /dev/null +++ b/media/kra/bg/kesi_sprite_front.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6967f24df28635ed08be078b161e8195eacb807b5cb2f165869fdfb434089c7f +size 84571 diff --git a/media/kra/bg/korai.kra b/media/kra/bg/korai.kra new file mode 100644 index 0000000..fb8b3e1 --- /dev/null +++ b/media/kra/bg/korai.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:deaea22caa11c504f7fb4a3726813b4045c6adc58c2a7df65c8f0306c5abcdf5 +size 1114808 diff --git a/media/kra/bg/korai_neon.kra b/media/kra/bg/korai_neon.kra new file mode 100644 index 0000000..a9470a4 --- /dev/null +++ b/media/kra/bg/korai_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:361c4718f3f8636a2999e6e530daa83f6a8242ebee1229ee055601b12e93f344 +size 447849 diff --git a/media/kra/bg/mirai.kra b/media/kra/bg/mirai.kra new file mode 100644 index 0000000..ecf3e34 --- /dev/null +++ b/media/kra/bg/mirai.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1e14692014bd458bd17858b058e36ca37ebdd24e8fc0d3b001b2cfe579cc9215 +size 533986 diff --git a/media/kra/bg/mirai_neon.kra b/media/kra/bg/mirai_neon.kra new file mode 100644 index 0000000..55dc73e --- /dev/null +++ b/media/kra/bg/mirai_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d6e9f2a1e1e7703524fe3a16c3efbd61b451e8f0e14b4fe8ba2ff8ac6bc81b02 +size 223954 diff --git a/media/kra/bg/niss.kra b/media/kra/bg/niss.kra new file mode 100644 index 0000000..a898766 --- /dev/null +++ b/media/kra/bg/niss.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:aec9cf07af6c2caa624e37efa0d3e94714427ff481e8eb08c7a249d4ea5376f8 +size 1576085 diff --git a/media/kra/bg/niss2.kra b/media/kra/bg/niss2.kra new file mode 100644 index 0000000..f4be585 --- /dev/null +++ b/media/kra/bg/niss2.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5b7ce4e583deaf5935b9a77a8671c50a6c4394e67a087150fb3b5b14ba957443 +size 2410848 diff --git a/media/kra/bg/niss2_neon.kra b/media/kra/bg/niss2_neon.kra new file mode 100644 index 0000000..afdf965 --- /dev/null +++ b/media/kra/bg/niss2_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:364788f740497ed756044b2543339133538c3527c17cf9e9ff09154b08a606a3 +size 1954997 diff --git a/media/kra/bg/niss_neon.kra b/media/kra/bg/niss_neon.kra new file mode 100644 index 0000000..543335b --- /dev/null +++ b/media/kra/bg/niss_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e3d0141f7b21e39188c7afad307bc7f8efd11f0664656736558e66bea922397a +size 1674798 diff --git a/media/kra/bg/nisse.kra b/media/kra/bg/nisse.kra new file mode 100644 index 0000000..a69e7d2 --- /dev/null +++ b/media/kra/bg/nisse.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6d6390dbd98fa314f8d156ade57b51a913ecef1c64f6ebfaf3da6f2e970a423b +size 1481541 diff --git a/media/kra/bg/nisse_neon.kra b/media/kra/bg/nisse_neon.kra new file mode 100644 index 0000000..444d4a4 --- /dev/null +++ b/media/kra/bg/nisse_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3b9b35ec6d50bbfac8f54a0628577c0b57035787ac68ccd9dd2d8f10f4b9dc64 +size 1290464 diff --git a/media/kra/bg/prickly.kra b/media/kra/bg/prickly.kra new file mode 100644 index 0000000..f071efa --- /dev/null +++ b/media/kra/bg/prickly.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8945e4c2f78b2addd511adb9f027be566f658bcdbe779c8a566d1dadb5d89544 +size 1208044 diff --git a/media/kra/bg/prickly_neon.kra b/media/kra/bg/prickly_neon.kra new file mode 100644 index 0000000..91863e2 --- /dev/null +++ b/media/kra/bg/prickly_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:344b80418343c8656ac4db4adba8e06d53688a20128d357b1c099c68b7d7329c +size 1376645 diff --git a/media/kra/bg/qt.kra b/media/kra/bg/qt.kra new file mode 100644 index 0000000..009fc62 --- /dev/null +++ b/media/kra/bg/qt.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c9c15c7f88500f34abc8d67667543ad401d1dc645e16378688ed0c2d477e974a +size 2300042 diff --git a/media/kra/bg/qt2.kra b/media/kra/bg/qt2.kra new file mode 100644 index 0000000..ba321f6 --- /dev/null +++ b/media/kra/bg/qt2.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5c155ad5eb02ec59914cb7b9f734329bfba1262c33ef8251a4ced5bf584e95cf +size 956340 diff --git a/media/kra/bg/qt2_neon.kra b/media/kra/bg/qt2_neon.kra new file mode 100644 index 0000000..0c83cb8 --- /dev/null +++ b/media/kra/bg/qt2_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e02b972fa944642e35de932b62ee74363284984f3195741dc3719e7429bee481 +size 1113221 diff --git a/media/kra/bg/qt_neon.kra b/media/kra/bg/qt_neon.kra new file mode 100644 index 0000000..c29a152 --- /dev/null +++ b/media/kra/bg/qt_neon.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2ac272d6c1decea63389860e8ed96dc1cadf31556e0e9f7b365f138ef538044e +size 1157792 diff --git a/media/kra/opengraph.kra b/media/kra/opengraph.kra new file mode 100644 index 0000000..2a47f45 --- /dev/null +++ b/media/kra/opengraph.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7d0fe6858d5ec0fc4020564615669c0cfb4a7743eaeb9827d4bb3672ed2df305 +size 668065 diff --git a/media/kra/twittercard.kra b/media/kra/twittercard.kra new file mode 100644 index 0000000..c7a71c3 --- /dev/null +++ b/media/kra/twittercard.kra @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:10bdff9df42f4dfe0f4c99a1775fde5a9e90875897b364765ba944d957fc256d +size 989910 diff --git a/media/opengraph.png b/media/opengraph.png new file mode 100644 index 0000000..df112f3 --- /dev/null +++ b/media/opengraph.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:73c900e6dd23eca9a0a43770b1d94e639a424d72fbe7f538d1fb467bae0cf602 +size 221758 diff --git a/media/twittercard.png b/media/twittercard.png new file mode 100644 index 0000000..4cacfbf --- /dev/null +++ b/media/twittercard.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:564d3b962f555cc2ce7fd71450de4a6396762e39d9d9135bec4e11fea0e2c08c +size 393384 diff --git a/style/base.css b/style/base.css index 60d521b..8576d25 100644 --- a/style/base.css +++ b/style/base.css @@ -16,12 +16,15 @@ html { font-family: Muller, sans-serif; font-weight: 500; - background: var(--gradient) fixed; color: black; --gradient: linear-gradient(120deg, #fae58f, #fab6ba, #d1aeff, #89d6ff, #43f3ae); --shadow-hsl: 330deg 40% 40%; + --base-background: var(--gradient) fixed; + background: var(--base-background); + + --menu-bg-hsl: 60deg 100% 96%; } @media (prefers-reduced-data: reduce) { @@ -42,6 +45,7 @@ html, body { margin: 0; } hsl(150deg 30% 20%), hsl(30deg 30% 20%), hsl(350deg 30% 20%)); + --menu-bg-hsl: 260deg 100% 8%; color: #ffd; } } @@ -70,15 +74,13 @@ html, body { margin: 0; } font-size: 125%; - background: hsl(var(--menu-bg-hsl) / 50%); + background: hsl(var(--menu-bg-hsl) / 65%); border: 2px solid hsl(var(--menu-bg-hsl)); box-shadow: 0 0 10px 5px hsl(var(--menu-bg-hsl) / 30%); - - --menu-bg-hsl: 60deg 100% 96%; } -@media (prefers-color-scheme: dark) { - .menu { --menu-bg-hsl: 260deg 100% 8%; } +@media (prefers-reduced-transparency: reduce) { + background: hsl(var(--menu-bg-hsl)); } .hide-boxes input { @@ -145,6 +147,7 @@ h2 { margin-top: 0; } h3 { text-align: center; + margin-top: 0; margin-bottom: 0.25em; } @@ -478,7 +481,7 @@ strong { font-weight: 700; } #friends #spiral a { background: #ef4d5a; color: #1f1f1f; } #friends #codl a { background: #87261f; color: #edb970; } #friends #violet a { background: #8c2bd8; color: #dddddd; } -#friends #abyss a { background: #1e2e5f; color: #f8e1c2; } +#friends #brin a { background: #1e1e1e; color: #ff4400; } #nissbuttons { margin: 2em auto 0; @@ -507,6 +510,16 @@ strong { font-weight: 700; } var(--base-background); } +.artcredit { + position: absolute; + bottom: 0; + left: 1em; + font-size: smaller; + font-style: italic; + background: hsl(var(--menu-bg-hsl) / 75%); + padding: .1em .5em; +} + @media (prefers-color-scheme: dark) { #cube #six { --bg-image: url(../media/kesi-neon.png); } } diff --git a/style/cube.css b/style/cube.css index d975975..daef211 100644 --- a/style/cube.css +++ b/style/cube.css @@ -1,6 +1,79 @@ @media (prefers-reduced-motion: no-preference) and (min-height: 650px) and (min-width: 650px) { +/* BACKGROUND STUFF */ + +html { + --bg-60309: url(../media/bg/60309.png); + --bg-kesi: url(../media/bg/kesi.png); + --bg-korai: url(../media/bg/korai.png); + --bg-mirai: url(../media/bg/mirai.png); + --bg-niss: url(../media/bg/niss.png); + --bg-niss2: url(../media/bg/niss2.png); + --bg-nisse: url(../media/bg/nisse.png); + --bg-prickly: url(../media/bg/prickly.png); + --bg-qt: url(../media/bg/qt.png); + --bg-qt2: url(../media/bg/qt2.png); +} + +@media (prefers-color-scheme: dark) { + html { + --bg-60309: url(../media/bg/60309_neon.png); + --bg-kesi: url(../media/bg/kesi_neon.png); + --bg-korai: url(../media/bg/korai_neon.png); + --bg-mirai: url(../media/bg/mirai_neon.png); + --bg-niss: url(../media/bg/niss_neon.png); + --bg-niss2: url(../media/bg/niss2_neon.png); + --bg-nisse: url(../media/bg/nisse_neon.png); + --bg-prickly: url(../media/bg/prickly_neon.png); + --bg-qt: url(../media/bg/qt_neon.png); + --bg-qt2: url(../media/bg/qt2_neon.png); + } +} + +html { + background: + /* + url(../media/bg/kesi_sprite_front.png) top 100px right no-repeat, + url(../media/bg/kesi_sprite_mid.png) top 150px center repeat-x, + url(../media/bg/kesi_sprite_back.png) top 200px left no-repeat, + */ + var(--bg-60309) bottom 29% right calc(44% - var(--half)) + / auto 17% no-repeat, + var(--bg-kesi) bottom 23% left calc(44% - var(--half)) + / auto 20% no-repeat, + var(--bg-korai) bottom left 7% / auto 19% no-repeat, + var(--bg-mirai) top calc(5em + 3%) right 6% / 20% auto no-repeat, + var(--bg-niss) top 30% left calc(31% - var(--half)) + / auto 20% no-repeat, + var(--bg-niss2) top 51% right calc(33% - var(--half)) + / auto 20% no-repeat, + var(--bg-nisse) top 29% right calc(36% - var(--half)) + / auto 15% no-repeat, + var(--bg-qt) bottom 41% left calc(24% - var(--half)) + / auto 18% no-repeat, + var(--bg-qt2) top 10% left calc(46% - var(--half)) + / auto 16% no-repeat, + var(--bg-prickly) bottom 9% right calc(28% - var(--half)) + / auto 15% no-repeat, + var(--base-background); + background-blend-mode: overlay; +} + +@media (prefers-color-scheme: dark) { + html { + background-blend-mode: soft-light; + } +} + +@media (prefers-reduced-data: reduce) { + html { + background: var(--base-background); + background-blend-mode: unset; + } +} + + /* LAYOUT BASICS */ body { @@ -37,14 +110,6 @@ html { --breathe: calc(var(--side) * .1); } -/* cube shadow */ -html { - background: - radial-gradient(circle, hsl(var(--shadow-hsl) / 70%), transparent 58%), - var(--gradient); - background-blend-mode: multiply; -} - #outer { --transform-origin: 50% 50% calc(var(--nhalf) - min(6vh, 6vw)); } @@ -74,10 +139,10 @@ html { #cube:not([data-moving]) > section { animation: breathe 9s infinite ease-in-out; } -} -@keyframes breathe { - 35% { transform: translateZ(var(--breathe)) var(--base-transform); } + @keyframes breathe { + 35% { transform: translateZ(var(--breathe)) var(--base-transform); } + } } @media (prefers-reduced-motion: no-preference) { diff --git a/style/flat.css b/style/flat.css index e29ec6d..92fcc30 100644 --- a/style/flat.css +++ b/style/flat.css @@ -1,6 +1,12 @@ @media (prefers-reduced-motion: reduce), (max-height: 649px), (max-width: 649px) { +html { + --side: 0px; + --half: 0px; + --nhalf: 0px; +} + /* LAYOUT */ body {