page formatting, infoboxes, images

This commit is contained in:
Effie 2025-10-23 10:45:45 +11:00
parent 6755bc8e22
commit 7905f8b3fe
22 changed files with 1128 additions and 81 deletions

520
resources/assets/first draft.svg Executable file
View File

@ -0,0 +1,520 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="74.802277mm"
height="196.65237mm"
viewBox="0 0 74.802277 196.65237"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer11"
transform="translate(-89.362683,27.066437)">
<circle
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
id="path47"
cx="132.83429"
cy="77.57016"
r="16.761835" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 119.75297,65.242678 c 0,0 -0.53212,4.966467 3.81354,5.942025 4.34566,0.975556 1.77374,5.23253 5.4099,5.498592 3.63617,0.26606 6.38546,-0.08869 7.62708,3.724852 1.24162,3.813537 3.99092,4.0796 8.07052,3.370104 4.0796,-0.709496 4.61172,3.81354 5.05515,3.547477 0.44344,-0.266059 5.32122,-27.404268 5.32122,-27.404268 l -24.03417,-6.562836 z"
id="path48" />
<path
id="path49"
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 131.48752,74.715012 c -10.86971,-0.0053 -21.82279,1.680087 -21.97799,4.983675 -0.3104,6.607177 43.10193,7.096762 43.45678,0.17725 0.17742,-3.459756 -10.60909,-5.155623 -21.47879,-5.160925 z m -1.03302,0.975134 c 8.77986,0.0043 17.49213,1.374684 17.34882,4.169255 -0.28662,5.589141 -35.35194,5.193196 -35.10122,-0.143661 0.12536,-2.668428 8.97255,-4.029876 17.7524,-4.025594 z" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 116.8263,82.492288 c 0,0 6.65152,1.507681 21.86133,0.709498 -0.0443,-0.177374 1.28596,-0.665154 1.28596,-0.665154 0,0 -11.57365,1.463336 -23.98982,-0.975555 z"
id="path51" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 117.09236,83.778251 c 15.12113,1.463335 28.77892,-0.04435 28.77892,-0.04435 l 2.30586,0.399093 c -18.97901,1.90677 -31.92731,0.221716 -31.74994,0.04434 0.17738,-0.177374 0.66516,-0.399085 0.66516,-0.399085 z"
id="path52" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 116.1168,75.663394 c -0.0887,1.818082 -0.0443,2.350204 -0.0443,2.350204 0,0 -0.75384,-0.04434 -0.7095,-0.221718 0.0443,-0.177372 0.3104,-2.704952 0.3104,-2.704952 z"
id="path53" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 126.71489,74.643495 c 0.53212,1.197272 0.53212,1.197272 0.53212,1.197272 l 0.75384,0.177374 -1.19727,-2.128486 z"
id="path54" />
</g>
<g
id="layer13"
transform="rotate(-17.604184,-18.743218,106.84681)">
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.495919;stroke-linecap:square;stroke-opacity:0.4"
id="path34"
cx="60.470654"
cy="55.412422"
rx="10.625701"
ry="3.4727898" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.495919;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse34"
cx="59.848652"
cy="89.103661"
rx="10.625701"
ry="3.4727898" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.49711;stroke-linecap:square;stroke-opacity:0.4"
d="M 70.47186,89.259164 C 65.36783,74.849678 66.20114,66.141786 70.99268,55.256922 61.09712,51.006641 49.639106,54.738596 49.847434,55.36059 c 0.208328,0.621992 7.499786,19.69642 -0.520819,33.58758 9.895555,1.347648 21.145245,0.310997 21.145245,0.310997 z"
id="path35" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.42504;stroke-linecap:square;stroke-opacity:0.4"
d="m 68.50321,88.891733 c -4.07833,-13.183603 -3.41248,-21.150674 0.41616,-31.10951 -8.4253,3.913977 -17.062423,-0.474228 -16.89596,0.09486 0.166463,0.569075 5.99266,18.02075 -0.416155,30.730123 6.870325,5.401541 16.895955,0.284541 16.895955,0.284541 z"
id="path36" />
<ellipse
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.403633;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse36"
cx="60.542599"
cy="55.487255"
rx="8.8316708"
ry="2.7678652" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.147571;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse46"
cx="60.542599"
cy="55.487255"
rx="3.2289274"
ry="1.011953" />
<g
id="layer1"
transform="rotate(17.604184,-147.69915,126.87067)">
<circle
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
id="path1"
cx="26.650433"
cy="22.216082"
r="13.702135" />
<circle
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.650001;stroke-linecap:square;stroke-opacity:0.4"
id="path2"
cx="26.517401"
cy="21.95002"
r="12.682234" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.835757;stroke-linecap:square;stroke-opacity:0.4"
id="path3"
cx="22.201715"
cy="32.661018"
rx="2.6236174"
ry="5.5429349"
transform="rotate(-35.286502)" />
<ellipse
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.705476;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse3"
cx="22.201715"
cy="32.661018"
rx="2.2146406"
ry="4.6788864"
transform="rotate(-35.286502)" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 22.083052,9.5781911 c -0.08868,0 2.084143,15.5202169 2.084143,15.5202169 l 14.589006,1.818083 c 0,0 -7.099956,15.803563 -19.954566,5.542936 -9.888596,-7.89314 -5.232531,-19.954566 3.281417,-22.8812359 z"
id="path4" />
</g>
</g>
<g
id="layer15"
transform="translate(-244.03273,-15.858063)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 278.12178,15.858061 c -0.12543,0.50169 -6.27112,28.84713 -6.27112,28.84713 l 11.7897,14.17272 9.65751,-16.80659 z"
id="path73" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.494737;stroke-linecap:square;stroke-opacity:0.4"
d="m 278.40123,20.384261 c -0.10343,0.41368 -5.17092,23.78623 -5.17092,23.78623 l 9.72132,11.68628 7.96322,-13.85807 z"
id="path74" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 272.41821,44.225021 c 10.26356,0.68037 19.3809,-1.81285 19.3809,-1.81285 -3.59182,3.01535 -9.16213,4.4252 -9.16213,4.4252 0,0 -8.00159,-0.12911 -10.21877,-2.61235 z"
id="path75" />
</g>
<g
id="layer3"
transform="translate(-43.954953,53.672525)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 84.910895,15.30152 c -0.250847,0.250845 2.508445,21.823479 2.508445,21.823479 l 11.288006,9.406673 9.782944,-12.542231 c 0,0 -3.63725,-21.321789 -3.63725,-21.823478 0,-0.501689 -12.165965,-8.5287164 -12.165965,-8.5287164 z"
id="path10" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 92.899586,5.3655608 c -0.221718,0.1330303 -6.961926,9.6225352 -6.695866,9.6225352 0.266062,0 6.341118,2.660608 6.341118,2.660608 l 1.685052,-3.636165 z"
id="path11" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 93.697768,5.4099044 c 0,0 1.77374,8.5582916 2.128488,8.6913216 0.354748,0.13303 3.237074,3.503135 3.503134,3.104043 0.266062,-0.399091 4.21263,-4.478691 4.21263,-4.478691 z"
id="path12" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 86.159379,16.229713 c -0.04435,0.177374 6.075055,2.793639 6.075055,2.793639 l 1.552022,13.835164 c 0,0 -5.0995,3.680511 -5.055155,3.370107 0.04434,-0.310407 -2.571922,-19.99891 -2.571922,-19.99891 z"
id="path13" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 99.595452,18.446887 c 0.26606,-0.177374 4.123948,-4.656065 4.123948,-4.656065 0,0 3.41444,19.954565 3.32576,19.777191 -0.0887,-0.177375 -6.16375,-1.773738 -6.16375,-1.773738 z"
id="path14" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 89.529482,37.159834 c 0.354748,-0.221718 4.434348,-3.325759 4.434348,-3.325759 l 2.882326,1.818082 c 0,0 1.15293,9.046069 1.064244,8.824351 -0.08869,-0.221718 -8.469606,-7.183644 -8.380918,-7.316674 z"
id="path15" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 97.77737,35.563468 c 0,0 0.798182,9.223444 0.931212,9.001728 0.13303,-0.221718 7.848798,-10.065969 7.848798,-10.065969 l -6.29678,-1.951114 z"
id="path16" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 93.20999,18.668604 c 0,0 1.463336,14.056883 1.685052,14.145571 0.221718,0.08869 1.862426,2.17283 2.084144,1.685052 0.221718,-0.487778 3.015358,-2.261518 2.882326,-2.616266 -0.13303,-0.354748 -1.374648,-13.746479 -1.374648,-13.746479 l -3.503134,-3.32576 z"
id="path17" />
</g>
<g
id="layer14"
transform="translate(11.740457,-43.883129)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.963162;stroke-linecap:square;stroke-opacity:0.4"
d="m 14.544019,112.07844 c -0.0712,-7.26068 5.55229,-5.69466 5.55229,-5.69466 0,0 2.98969,10.03683 14.23663,7.54542 4.12863,2.84733 3.48798,6.83359 2.84733,7.47424 -0.64065,0.64065 -16.01621,0.99657 -16.01621,0.99657 z"
id="path69" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.810413;stroke-linecap:square;stroke-opacity:0.4"
d="m 16.020249,113.0747 c -0.0599,-6.1092 4.67174,-4.79153 4.67174,-4.79153 0,0 2.51556,8.44507 11.97883,6.34878 3.47386,2.39576 2.93481,5.74983 2.39576,6.28888 -0.53904,0.53905 -13.47618,0.83853 -13.47618,0.83853 z"
id="path72" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.963162;stroke-linecap:square;stroke-opacity:0.4"
d="m 12.792339,118.78791 c -0.20133,-2.61738 -1.00668,-5.93943 1.10735,-8.65747 2.71804,8.75814 13.89222,13.79155 25.26772,10.57017 -3.62405,9.86548 -7.14744,7.95278 -7.14744,7.95278 -5.43609,1.30868 -18.92562,-5.43608 -19.22763,-9.86548 z"
id="path68" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.831092;stroke-linecap:square;stroke-opacity:0.4"
d="m 14.314709,119.87865 c -0.17373,-2.25848 -0.86864,-5.12501 0.95551,-7.47035 2.34534,7.55721 11.98729,11.90044 21.80297,9.12077 -3.12712,8.5127 -6.16737,6.86228 -6.16737,6.86228 -4.69068,1.12923 -16.33052,-4.69067 -16.59111,-8.5127 z"
id="path71" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.963162;stroke-linecap:square;stroke-opacity:0.4"
d="m 11.282319,116.77454 c 0,0 -0.5025,4.74628 2.91938,9.96616 9.36214,7.24812 22.85168,2.71804 22.85168,2.71804 -12.58353,-1.10736 -20.93899,-6.44276 -25.77106,-12.6842 z"
id="path67" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.807275;stroke-linecap:square;stroke-opacity:0.4"
d="m 12.772969,118.48363 c 0,0 -0.42117,3.97807 2.44688,8.35311 7.84688,6.07501 19.15313,2.27814 19.15313,2.27814 -10.54688,-0.92814 -17.55,-5.4 -21.60001,-10.63125 z"
id="path70" />
</g>
<g
id="layer4"
transform="translate(-130.86817,21.035724)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 155.28685,8.8333203 c -0.48777,2.2171727 -6.20808,24.9653767 -6.20808,24.9653767 l 5.49859,8.425262 10.33203,-5.188188 6.96193,-26.251339 -6.42981,-7.7601077 z"
id="path18-9" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 149.96564,33.798697 c 0.17737,0.04434 3.50313,1.995456 3.50313,1.995456 l 7.09496,-26.1626507 -4.56738,-0.443435 z"
id="path19-1" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 161.22888,9.9419073 c 0,0 -7.49405,26.2513377 -7.22798,26.0739637 0.26605,-0.177374 5.49859,1.862426 5.58727,1.596367 0.0887,-0.266063 7.62708,-26.872149 7.44971,-26.872149 -0.17738,0 -5.809,-0.7981817 -5.809,-0.7981817 z"
id="path20-2" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 167.83606,11.272211 c 0.3104,-0.133031 3.23707,-0.221718 3.23707,-0.221718 0,0 -6.47414,25.541845 -6.69586,25.541845 -0.22172,0 -3.94657,1.152929 -3.94657,1.152929 z"
id="path21-7" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 156.88322,8.6116023 c 0.26606,-0.266061 7.98183,-4.744752 7.98183,-4.744752 l -4.61173,4.744752 z"
id="path22-0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 161.53929,8.7889763 c 0.44343,-0.08869 5.49859,0.931213 5.4099,0.709496 -0.0887,-0.221718 -1.59637,-5.232531 -1.59637,-5.232531 z"
id="path23-9" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 166.10666,4.3989723 c 0.0887,0.177373 1.77374,5.409904 1.77374,5.409904 h 2.79364 z"
id="path24-3" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 150.85251,35.129001 c 0,0 3.99091,6.208088 3.81354,6.163744 -0.17738,-0.04434 -1.37465,-4.83344 -1.37465,-4.83344 z"
id="path25-6" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 154.0009,36.725367 c 0.13302,0.399093 0.39908,5.010812 0.53212,4.789096 0.13303,-0.221718 4.12394,-3.325762 4.12394,-3.325762 z"
id="path26-0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 155.15382,41.248401 c 0.17738,-0.177374 5.18819,-2.837982 5.18819,-2.837982 l 2.79364,-0.931214 z"
id="path27-6" />
</g>
<g
id="layer5"
transform="rotate(-14.743186,467.97008,474.40757)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 123.23052,11.174557 c -0.48777,2.217173 -6.20808,24.965377 -6.20808,24.965377 l 5.49859,8.425262 10.33203,-5.188188 6.96193,-26.251339 -6.42981,-7.7601082 z"
id="path18" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 117.90931,36.139934 c 0.17737,0.04434 3.50313,1.995456 3.50313,1.995456 l 7.09496,-26.162651 -4.56738,-0.443435 z"
id="path19" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 129.17255,12.283144 c 0,0 -7.49405,26.251338 -7.22798,26.073964 0.26605,-0.177374 5.49859,1.862426 5.58727,1.596367 0.0887,-0.266063 7.62708,-26.872149 7.44971,-26.872149 -0.17738,0 -5.809,-0.798182 -5.809,-0.798182 z"
id="path20" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 135.77973,13.613448 c 0.3104,-0.133031 3.23707,-0.221718 3.23707,-0.221718 0,0 -6.47414,25.541845 -6.69586,25.541845 -0.22172,0 -3.94657,1.152929 -3.94657,1.152929 z"
id="path21" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 124.82689,10.952839 c 0.26606,-0.266061 7.98183,-4.7447521 7.98183,-4.7447521 l -4.61173,4.7447521 z"
id="path22" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 129.48296,11.130213 c 0.44343,-0.08869 5.49859,0.931213 5.4099,0.709496 -0.0887,-0.221718 -1.59637,-5.2325309 -1.59637,-5.2325309 z"
id="path23" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 134.05033,6.7402087 c 0.0887,0.1773738 1.77374,5.4099043 1.77374,5.4099043 h 2.79364 z"
id="path24" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 118.79618,37.470238 c 0,0 3.99091,6.208088 3.81354,6.163744 -0.17738,-0.04434 -1.37465,-4.83344 -1.37465,-4.83344 z"
id="path25" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 121.94457,39.066604 c 0.13302,0.399093 0.39908,5.010812 0.53212,4.789096 0.13303,-0.221718 4.12394,-3.325762 4.12394,-3.325762 z"
id="path26" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 123.09749,43.589638 c 0.17738,-0.177374 5.18819,-2.837982 5.18819,-2.837982 l 2.79364,-0.931214 z"
id="path27" />
</g>
<g
id="layer6"
transform="translate(-167.76195,46.577568)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 174.71326,35.557221 c 0.18813,-0.564401 6.83551,-25.272593 6.83551,-25.272593 1.31693,-7.2744933 16.78822,-4.5978003 15.7405,2.69658 l -6.7728,25.836992 c -3.57454,9.155828 -17.24557,2.320313 -15.80321,-3.260979 z"
id="path28" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.530484;stroke-linecap:square;stroke-opacity:0.4"
d="m 176.01789,34.138038 c 0.16633,-0.499009 6.04354,-22.344489 6.04354,-22.344489 1.16435,-6.4316647 14.84313,-4.0650956 13.91679,2.384152 l -5.98809,22.843496 c -3.16039,8.095026 -15.24749,2.051479 -13.97224,-2.883159 z"
id="path29" />
</g>
<g
id="layer7"
transform="translate(-1.3852123,20.680977)">
<circle
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
id="circle29"
cx="72.435951"
cy="-8.1743317"
r="13.702135"
transform="rotate(75.121031)" />
<circle
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.650001;stroke-linecap:square;stroke-opacity:0.4"
id="circle30"
cx="72.302917"
cy="-8.4403915"
r="12.682234"
transform="rotate(75.121031)" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.835757;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse30"
cx="77.130714"
cy="34.30283"
rx="2.6236174"
ry="5.5429349"
transform="rotate(39.834529)" />
<ellipse
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.705476;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse31"
cx="77.130714"
cy="34.30283"
rx="2.2146406"
ry="4.6788864"
transform="rotate(39.834529)" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 20.631968,56.063766 c -5.518581,3.950801 -6.082982,9.469384 -4.766048,14.611699 0.564401,-8.904983 3.637247,-10.849029 6.898227,-13.10663 -4.515203,6.082981 -4.89147,12.479518 -1.63049,20.443834 0.125423,-7.462626 1.289596,-11.431828 3.511823,-15.238811 -0.250844,3.198269 -0.780579,3.765796 0.815246,8.65414 0.06271,-5.330449 0.564401,-10.347341 5.079604,-13.294765 0,0 -4.640626,4.26436 -3.386402,17.872678 0.815243,-8.089738 4.640623,-14.360854 4.640623,-14.360854 0,0 -1.567777,3.637249 1.066091,9.218541 -0.250846,-3.010136 1.379645,-9.343962 5.644003,-8.904984 -2.696579,-5.644003 -9.782939,-9.343961 -17.872677,-5.894848 z"
id="path33" />
</g>
<g
id="layer10"
transform="rotate(-22.107424,178.03286,477.56123)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 163.08028,66.341473 -0.87795,30.853889 8.02703,-31.104733 -1.75592,-13.921874 z"
id="path55" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.468751;stroke-linecap:square;stroke-opacity:0.4"
d="m 163.64076,67.413441 -0.68589,24.104601 6.27111,-24.300573 -1.37181,-10.876465 z"
id="path56" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 163.58197,65.463517 c -0.87795,0.501689 -7.39991,5.894847 -7.39991,5.894847 l 9.28125,-1.630489 c 0,0 -5.89485,0.627113 -5.51858,0 0.37627,-0.62711 3.63724,-4.264358 3.63724,-4.264358 z"
id="path57" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 167.47007,69.602452 c 0,0 5.89484,5.267737 5.644,4.766048 -0.25085,-0.50169 -3.3864,-8.654137 -3.3864,-8.654137 l 1.25422,5.644001 z"
id="path58" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 164.96162,66.592319 -9.90836,-5.518581 11.66427,0.250843 -7.9016,0.752533 5.644,3.511826 z"
id="path59" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 167.84633,62.327961 c 0.25085,-0.50169 6.64738,-8.528717 6.77281,-8.027027 0.12542,0.501687 -5.51858,12.416805 -5.51858,12.416805 l 2.63386,-7.77618 z"
id="path60" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 171.23273,68.097385 5.64401,-3.135558 -5.51858,-3.260979 3.13556,3.511824 z"
id="path61" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 160.69726,53.924667 c 0.25085,1.505066 1.50507,8.152447 1.63049,7.525337 0.12542,-0.627112 -0.25084,-6.020271 0.12542,-5.39316 0.37627,0.627112 3.88809,3.511825 3.63725,2.759292 -0.25084,-0.752534 -5.39316,-4.891469 -5.39316,-4.891469 z"
id="path62" />
</g>
<g
id="layer12"
transform="rotate(-17.003491,329.93599,337.05333)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 91.606192,92.896985 5.0169,6.521958 4.264358,-6.898225 c 0,0 -2.633868,-15.301522 -0.50169,-19.06419 2.13218,-3.762669 5.644,-7.650758 5.644,-7.650758 L 90.853662,52.134737 80.945304,69.317594 c 0,0 4.89147,3.260978 6.772808,6.64738 2.50844,4.264359 3.88808,16.932011 3.88808,16.932011 z"
id="path37" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.495069;stroke-linecap:square;stroke-opacity:0.4"
d="m 92.020092,90.4064 3.91318,5.692613 3.3262,-6.021034 c 0,0 -2.05442,-13.355751 -0.39132,-16.639951 1.663098,-3.284202 4.402318,-6.677874 4.402318,-6.677874 L 91.433112,54.827555 83.704595,69.825407 c 0,0 3.815347,2.846307 5.282787,5.802089 1.95659,3.722094 3.03271,14.778904 3.03271,14.778904 z"
id="path38" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 80.945304,63.422745 c 7.776178,6.772804 6.898228,6.772804 6.898228,6.772804 l -4.389783,-7.65076 7.776183,-1.1288 -12.542231,-0.50169 z"
id="path39" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 87.341841,70.195549 c -0.250846,0.62711 -4.640625,12.416806 -4.640625,12.416806 l 10.159206,-9.90836 c 0,0 -8.403293,7.776181 -8.027027,6.898224 0.376267,-0.877953 6.396537,-9.532093 6.396537,-9.532093 l -6.145693,7.776183 z"
id="path40" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 98.002742,64.676968 c 0.75253,0 9.782928,7.023648 9.782928,7.023648 l -11.789688,2.257602 c 0,0 8.528718,-3.135559 8.027028,-3.135559 -0.50169,0 -6.020268,-6.145691 -6.020268,-6.145691 z"
id="path41" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 91.606202,54.392339 c -0.50169,0.752533 -1.12881,6.396537 -1.12881,6.396537"
id="path42" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 86.965574,60.914299 4.515198,-7.02365 c 0,0 -0.50169,8.277873 -0.87795,7.776183 -0.37627,-0.501689 -3.637248,-0.752533 -3.637248,-0.752533 z"
id="path43" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 85.209662,66.558301 2.50845,3.135558 c 0,0 -0.752538,3.762669 -1.003384,3.260979 -0.250843,-0.501689 -3.762668,-4.013512 -3.762668,-4.013512 z"
id="path44" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 98.755272,64.802391 c 0.75253,0 6.020268,1.003377 6.020268,1.003377 l -1.88133,2.257602 z"
id="path45" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 96.121402,96.785076 c -0.37627,-1.505069 -2.2576,-22.199748 -2.2576,-22.199748 l 5.39316,-1.254223 0.752528,18.437079 z"
id="path46" />
</g>
<g
id="layer16"
transform="rotate(15.407714,-15.532555,-54.929409)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 84.252609,140.12539 c 0.08868,-0.53212 3.813537,-26.25134 7.006269,-31.21781 3.19273,-4.96647 7.715764,-7.62708 8.070512,-7.62708 0.354748,0 6.47415,3.28142 7.89314,7.5384 1.41899,4.25697 6.47415,28.64588 6.03071,30.95174 -0.44343,2.30586 -11.70668,10.37638 -15.34284,10.46506 -3.636166,0.0887 -13.657791,-10.11031 -13.657791,-10.11031 z"
id="path76" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.54348;stroke-linecap:square;stroke-opacity:0.4"
d="m 85.619858,138.77199 c 0.08033,-0.48199 3.454295,-23.77841 6.346266,-28.27703 2.891969,-4.49862 6.988925,-6.9086 7.310255,-6.9086 0.32133,0 5.864271,2.97231 7.149591,6.82827 1.28532,3.85596 5.86427,25.94739 5.46261,28.03603 -0.40166,2.08864 -10.60389,9.39891 -13.89752,9.47923 -3.293632,0.0804 -12.371202,-9.1579 -12.371202,-9.1579 z"
id="path77" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 91.17019,134.36074 4.96647,3.90222 c 0,0 0.620808,-5.23253 1.418992,-5.14384 0.798182,0.0887 8.247888,1.95111 8.247888,1.95111 l -0.62081,-18.62426 -5.675966,-6.7402 -5.942026,7.4497 z"
id="path78" />
</g>
<g
id="layer17"
transform="translate(-241.19475,-44.237877)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.456588;stroke-linecap:square;stroke-opacity:0.4"
d="m 290.99083,161.00993 2.3861,-24.81534 c 0,0 13.26665,-0.6681 13.64843,-0.6681 0.38177,0 8.9717,4.96307 8.9717,4.96307 l -8.39904,32.16449 c 0,0 -17.37074,-2.00432 -17.27529,-2.57697 0.0955,-0.57266 0.6681,-9.06715 0.6681,-9.06715 z"
id="path80" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.409062;stroke-linecap:square;stroke-opacity:0.4"
d="m 292.25746,160.28968 2.13773,-22.23237 c 0,0 11.88576,-0.59856 12.2278,-0.59856 0.34204,0 8.03786,4.44647 8.03786,4.44647 l -7.5248,28.81657 c 0,0 -15.56266,-1.79569 -15.47715,-2.30874 0.0855,-0.51306 0.59856,-8.12337 0.59856,-8.12337 z"
id="path81" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.456588;stroke-linecap:square;stroke-opacity:0.4"
d="m 287.65031,173.4176 c -6.20384,-11.73956 1.5271,-21.09304 1.5271,-21.09304 0,0 -4.10408,8.20815 -0.76355,13.553 -0.859,-4.48585 -10e-6,-7.4446 2.29064,-11.73956 0.0954,7.25371 1.90888,13.36209 5.44029,15.65274 -2.67242,-4.29496 -2.1952,-5.44028 -1.04988,-9.16258 3.72229,8.58992 6.29928,9.16258 10.68968,10.59424 -2.95874,-1.81342 -2.95875,-5.2494 -2.95875,-5.2494 l 6.58561,6.10839 -0.57266,-4.00863 5.82206,8.11271 z"
id="path79" />
</g>
<g
id="layer2"
transform="translate(-21.251093,101.20873)">
<circle
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
id="circle5"
cx="-3.4169917"
cy="66.545914"
r="13.702135"
transform="rotate(-71.320373)" />
<circle
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.650001;stroke-linecap:square;stroke-opacity:0.4"
id="circle6"
cx="-3.5500255"
cy="66.279846"
r="12.682234"
transform="rotate(-71.320373)" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.835757;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse6"
cx="-27.949339"
cy="51.477383"
rx="2.6236174"
ry="5.5429349"
transform="rotate(-106.60688)" />
<ellipse
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.705476;stroke-linecap:square;stroke-opacity:0.4"
id="ellipse7"
cx="-27.949339"
cy="51.477383"
rx="2.2146406"
ry="4.6788864"
transform="rotate(-106.60688)" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="M 50.858742,32.233529 C 67.351773,49.102828 83.405825,23.642103 69.672085,13.796452 84.346495,34.052154 56.941723,40.5114 50.858742,32.233529 Z"
id="path7" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="M 50.733318,31.794552 C 60.265414,27.906459 66.536528,24.708193 69.922929,14.047297 76.633022,28.972551 59.073901,38.567356 50.733318,31.794552 Z"
id="path8" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 69.885321,14.41163 c -4.523034,-2.305861 -5.143844,4.833439 -5.143844,4.833439 0,0 -2.704952,22.482144 -2.483234,22.393456 0.221719,-0.08869 9.223444,-1.995456 9.1791,-2.17283 C 71.393003,39.288321 69.885321,14.41163 69.885321,14.41163 Z"
id="path9" />
</g>
<g
id="layer8"
transform="translate(-241.19475,-44.237877)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 276.61423,240.89024 c -0.18814,-0.50169 -5.5813,-22.82686 -5.5813,-22.82686 l -0.50169,-6.02027 3.13556,-10.03378 6.64738,-7.02365 6.20841,7.52534 2.63386,16.99472 z"
id="path63" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.553537;stroke-linecap:square;stroke-opacity:0.4"
d="m 276.70756,239.32246 c -0.17358,-0.46284 -5.14908,-21.05912 -5.14908,-21.05912 l -0.46284,-5.55405 2.89274,-9.25676 6.1326,-6.47973 5.72762,6.94257 2.42989,15.67863 z"
id="path64" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 280.00063,196.8043 c -0.37627,0.68983 -2.88471,16.61846 -2.88471,16.61846 l 11.03716,6.45925 0.62711,-0.68983 c 0,0 -10.6609,-6.02027 -10.47276,-6.45924 0.18813,-0.43898 1.6932,-15.92864 1.6932,-15.92864 z"
id="path65" />
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 276.99049,213.23462 c -0.12542,0.25085 -0.43898,26.77766 -0.43898,26.77766 l 1.44236,-27.0285 z"
id="path66" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 33 KiB

48
resources/assets/pr-icon.svg Executable file
View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="12.999998mm"
height="17.000439mm"
viewBox="0 0 12.999998 17.000439"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer3"
style="fill:#e7b4ff;fill-opacity:1"
transform="translate(-54.999999,-89.999994)"><path
id="rect22"
style="fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 56.000199,94.999886 -1.98e-4,-0.999889 h 11.000001 v 1 h 1 V 102 l -0.999957,-2e-5 -4.3e-5,1.00002 c -3.739676,0 -7.260325,-1e-5 -11.000001,-1e-5 V 102 h -1 v -7.000003 z" /></g><g
id="layer2"
style="fill:#65a1ff;fill-opacity:1"
transform="translate(-54.999999,-89.999994)"><path
id="rect10"
style="fill:#75adfc;fill-opacity:1;fill-rule:evenodd;stroke-width:0.599995;stroke-linecap:square;stroke-opacity:0.4"
d="m 60.999894,89.999997 v 0.999921 h -0.999939 l 4.6e-5,1.000242 -0.999985,1.93e-4 -1.5e-5,0.999788 -0.999924,1.33e-4 -3.95e-4,10.999886 h 0.999939 v 0.99992 H 59.99956 V 106 h 0.999939 v 1.00044 h 0.999939 V 106 h 0.999939 v -0.99992 h 1.000455 v -0.99992 h 0.999939 l 3.95e-4,-10.999886 h -0.999939 v -0.999921 h -1.000456 v -1.000435 h -0.999939 v -0.999921 z" /><path
id="rect13"
style="fill:#3f79be;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="M 61.999316,90.999997 V 106 h 1.000456 v -0.99942 h 1.000456 v -1.00046 h 0.999939 V 92.999875 h -0.999939 v -0.999939 h -1.000456 v -0.999939 z" /><path
id="rect15"
style="fill:#aac8fc;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 60.999894,90.000191 v 0.999939 h -0.999939 v 0.999939 h -0.999939 v 0.999939 h -0.999939 v 0.999939 h 3.999756 V 93.000008 91.00013 90.000191 Z" /><path
id="rect19"
style="fill:#75adfc;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 61.999833,90.999997 v 2.999817 h 0.999939 2.000395 v -0.999939 h -0.999939 v -0.999939 h -1.000456 v -0.999939 z" /><path
id="path21"
style="fill:#3f79be;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 58.000098,104.00063 0.99994,-1.5e-4 1.43e-4,0.99994 0.99994,-1.4e-4 1.43e-4,0.99994 0.99994,-1.4e-4 1.43e-4,0.99993 0.99994,-1.4e-4 -5.72e-4,-3.99975 -0.99994,1.4e-4 -1.99988,2.9e-4 -0.99994,1.4e-4 z" /><path
id="path22"
style="fill:#2f6098;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 64.999941,103.00006 h -2.99982 V 104 v 2.0004 h 0.99994 v -0.99994 h 0.99994 V 104 h 0.99994 z" /></g><g
id="layer1"
transform="translate(-54.999999,-89.999994)"><path
id="rect1"
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 56.000199,94.999886 v 7.000094 h 0.999939 v -2.999821 h 2.999817 V 98.00022 l -2.999817,-2.23e-4 -1.37e-4,-2.000172 h 2.999954 v -0.999939 z m 3.999802,1.000111 v 2 l 0.999893,2.23e-4 v -2.000395 z" /><path
id="rect9"
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.600001;stroke-linecap:square;stroke-opacity:0.4"
d="m 61.999833,94.999886 v 0.999939 6.000155 h 0.999939 v -2.999821 l 3.00023,-1.62e-4 1.04e-4,-0.999777 -3.000105,-2.23e-4 -2.29e-4,-2.000172 h 3.000334 v -0.999939 z m 4.000273,0.999939 -1.49e-4,2.000395 h 1.000088 v -2.000395 z m -1.04e-4,3.000172 1.04e-4,2.999983 h 0.999939 v -2.999821 z" /></g></svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -88,14 +88,64 @@ function applyPreferredColorScheme(scheme) {
}
}
applyPreferredColorScheme(getPreferredColorScheme());
// applyPreferredColorScheme(getPreferredColorScheme());
const toggles = document.getElementsByClassName('color-scheme-toggle');
for (const toggle of toggles) {
console.log(toggle)
toggle.addEventListener('click', toggleColorScheme);
};
// This toggles the version-specific information on pages that use it.
// function toggleVersion(version) {
// if (document.getElementById("current-version")) {
// document.getElementById("current-version").remove()
// }
// if (version.target) {
// var id = version.target.id.replace("mw-indicator-", "");
// } else {
// var id = version.firstElementChild.id.replace("mw-indicator-", "");
// }
// const vdiff = ".vdiff-" + id;
// const rule = vdiff + " { display: block; }";
// const style = document.createElement( 'style' );
// style.id = "current-version";
// document.head.appendChild(style);
// style.sheet.insertRule(rule);
// }
// const versions = document.getElementById('page-title-versions').children;
// for (const version of versions) {
// version.addEventListener('change', toggleVersion);
// }
// function loadVersion () {
// const defaultversion =
// defaultversion.firstElementChild.checked = true;
// toggleVersion(defaultversion);
// }
// if (document.getElementById('page-title-versions').firstElementChild) {
// loadVersion()
// }
function loadVersion() {
const toggles = document.getElementsByClassName('mw-indicator');
for (const toggle of toggles) {
if (toggle.checked = true) {
return
}
}
toggles[0].checked = true;
}
if (document.getElementById('page-title-versions').firstElementChild) {
loadVersion()
}
// The wrapper function is needed to make sure all of the mediawiki JS is loaded before the page's is, and load relevant parts for use here.
mw.loader.using( [
'mediawiki.jqueryMsg'
@ -116,7 +166,9 @@ mw.loader.using( [
const print = document.getElementById('page-action-print').children[0];
print.textContent = mw.message( 'print' ).text();
const toctitle = document.getElementById('site-nav-toc').children[0];
toctitle.textContent = mw.message( 'toc' ).text();
if (document.getElementById('site-nav-toc')) {
const toctitle = document.getElementById('site-nav-toc').children[0];
toctitle.textContent = mw.message( 'toc' ).text();
}
}
)

View File

@ -83,7 +83,6 @@
background-repeat: no-repeat;
background-position-y: 50%;
content: ' ';
flex-grow: 1;
min-width: calc(var(--pi-item-spacing) * 2);
}

View File

@ -0,0 +1,78 @@
.mw-halign-right {
float: right;
margin-left: var(--space);
}
.mw-halign-left {
float: left;
margin-right: var(--space);
}
.mw-halign-none, .mw-halign-center {
margin: auto;
}
.info-image, .mw-default-size {
display: flex;
flex-direction: column;
align-items: center;
max-width: 360px;
padding-left: calc(var(--space));
padding-right: calc(var(--space));
padding-top: calc(var(--space));
border: 3px solid;
border-image: linear-gradient(90deg, var(--gold-3), transparent 30%, transparent 70%, var(--gold-3)) 30;
background-clip: padding-box;
background-image: repeating-conic-gradient(from 45deg at 50% 50%, transparent 25% 50%, var(--gold-2) 50% 75%);
background-size: 18px 18px;
background-position: 50% 100%;
box-sizing: border-box;
@media (prefers-color-scheme: dark) {
background-image: repeating-conic-gradient(from 45deg at 50% 50%, transparent 25% 50%, var(--0) 50% 75%);
}
margin-bottom: var(--space);
}
.info-image figcaption, .mw-default-size figcaption {
text-align: center;
font-style: italic;
padding-bottom: var(--space);
font-family: 'Shippori Mincho';
@media (prefers-color-scheme: dark) {
color: var(--gold-1);
}
}
.info-image img, .mw-default-size img {
max-width: 100%;
height: auto;
}
@media (min-width: 1201px) {
}
@media (max-width: 1200px) {
.mw-default-size, .info-image {
max-width: 360px;
}
}
@media (max-width: 720px) {
.mw-default-size, .info-image {
max-width: unset;
width: auto;
float: unset;
margin-right: 0;
}
.info-image img, .mw-default-size img {
}
}

View File

@ -0,0 +1,119 @@
.info-wrapper {
float: right;
max-width: 360px;
font-family: 'Shippori Mincho', serif;
display: grid;
grid-template-rows: auto;
grid-template-columns: 1fr .6fr 1fr;
row-gap: var(--space);
margin-left: calc(var(--space) * 2);
margin-bottom: calc(var(--space) * 2);
margin-top: calc(var(--space) / 2 * -1);
padding-bottom: var(--space);
border-bottom: 2px solid var(--gold-4);
}
.info-title, .info-image, .info-datablock {
grid-column: 1 / 4;
}
.info-datablock {
display: grid;
grid-template-columns: subgrid;
column-gap: var(--space);
font-size: .9em;
align-items: center;
line-height: 1em;
}
dt.infobox {
line-height: 1em;
}
dt.infobox.info-title, dd.infobox.info-data, dt.infobox.info-label {
margin: unset;
}
dt.infobox.info-label {
grid-column: 1 / 2;
text-align: right;
font-weight: bold;
}
.info-data {
grid-column: 2 / 4;
text-align: left;
}
.info-title {
font-size: 1.5em;
}
.info-title, .info-label {
@media (prefers-color-scheme: dark) {
color: var(--gold-2);
}
color: var(--gold-7);
}
.info-title {
display: flex;
gap: calc(var(--space) / 2);
text-align: center;
}
.info-title::before,
.info-title::after
{
display: block;
background-size: 100% 2px;
background-repeat: no-repeat;
background-position-y: 58%;
content: ' ';
min-width: calc(var(--space) * 2);
flex-grow: 1;
}
.info-title::after {
background-image: linear-gradient(90deg, transparent, var(--gold-4));
}
.info-title::before {
background-image: linear-gradient(270deg, transparent, var(--gold-4));
}
// border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1;
// border: 2px solid transparent;
@media (min-width: 1201px) {
.info-wrapper {
margin-right: calc(var(--space) * 18 * -1);
}
}
@media (max-width: 1200px) {
.info-wrapper {
}
}
@media (max-width: 720px) {
.info-wrapper {
float: unset;
width: auto;
max-width: unset;
margin-top: none;
margin: 0;
}
.info-title:first-child {
display: none;
}
}

View File

@ -1,90 +1,141 @@
#page {
grid-row: title / bottomstart;
@media (prefers-color-scheme: dark) {
color: var(--gold-1);
}
line-height: calc(var(--space) * 3);
margin-left: var(--space);
margin-right: var(--space);
text-wrap: pretty;
}
a:link {
color: var(--blue-6);
}
a.new, p a.new:visited {
color: red;
text-decoration: underline wavy;
}
a:not(.new):visited {
color: var(--pink-6);
}
a:hover , a:visited:hover {
color: var(--blue-4);
}
@media (prefers-color-scheme: dark) {
a:link {
color: var(--blue-5);
}
a.new, p a.new:visited {
color: red;
text-decoration: underline wavy;
}
a:not(.new):visited {
color: var(--pink-5);
}
a:hover , a:visited:hover {
color: var(--blue-4);
}
}
.mw-collapsible-toggle .mw-collapsible-text.mw-collapsible-text {
color: var(--8);
text-decoration: underline;
}
.mw-collapsible-toggle .mw-collapsible-text.mw-collapsible-text:hover {
color: var(--blue-4);
text-decoration: underline;
}
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
display: none;
}
#pagebody-header {
grid-row: toc;
}
.mw-heading {
display: flex;
margin-bottom: calc(var(--space));
.pagebody p, .pagebody dl, .pagebody ul {
margin-bottom: calc(var(--space) * 2);
// margin-left: calc(var(--space) * 2);
}
#page p {
margin-bottom: calc(var(--space) * 2);
line-height: calc(var(--space) * 3);
text-wrap: pretty;
.pagebody ol li {
list-style: decimal-leading-zero;
}
.pagebody li::marker {
font-weight: bold;
}
.pagebody dd {
margin-left: var(--space);
margin-bottom: calc(var(--space) / 2);
margin-top: var(--space);
font-weight: bold;
}
.pagebody dt {
margin-left: calc(var(--space) * 2);
}
#mw-content-text {
grid-row: toc / bottomstart;
}
sup {
line-height: 1;
}
pre {
text-wrap: wrap;
}
.mw-heading {
margin-top: calc(var(--space) * 2);
position: relative;
display: flex;
margin-bottom: calc(var(--space) * 1.5);
}
.mw-heading h2{
margin-left: calc(var(--space) * 3);
margin-bottom: calc(var(--space));
margin-left: calc(var(--space) * 1);
margin-bottom: calc(var(--space) / 2);
font-family: 'Libre Caslon', serif;
font-weight: normal;
}
.mw-heading2 {
border-bottom: 2px solid;
border-bottom: 1px solid;
margin-bottom: calc(var(--space));
margin-top: calc(var(--space) * 3);
margin-top: calc(var(--space) * 6);
border-image: linear-gradient(90deg, transparent 2.5%, var(--gold-7) 6%, transparent 90%) 30;
@media (prefers-color-scheme: dark) {
border-image: linear-gradient(90deg, transparent 2.5%, var(--gold-1) 6%, transparent 90%) 30;
}
}
.mw-heading h3 {
margin-left: calc(var(--space) * 4);
margin-top: calc(var(--space));
.mw-heading3 {
margin-top: calc(var(--space) * 4);
gap: var(--space);
}
.mw-heading h3 {
// margin-left: calc(var(--space) * 1);
font-family: 'Libre Caslon', serif;
font-weight: normal;
}
// .mw-heading3::before {
// content: '▬';
// font-size: var(--space);
// }
.mw-heading h4 {
margin-left: calc(var(--space) * 8);
margin-left: calc(var(--space) * 2);
margin-bottom: 0;
margin-top: var(--space);
// font-weight: normal;
// font-family: 'Libre Caslon';
}
.mw-heading3 .mw-editsection, .mw-heading4 .mw-editsection {
@ -99,6 +150,14 @@ a:hover , a:visited:hover {
color: var(--blue-7);
}
.mw-editsection.mw-editsection a:hover {
color: var(--blue-4);
}
.page-source-list {
margin-bottom: calc(var(--space) * 6);
}
@media (min-width: 1201px) {
#page {
margin-top: calc(var(--space) * 6);
@ -109,12 +168,12 @@ a:hover , a:visited:hover {
grid-template-columns: 1fr;
}
#pagebody {
.pagebody {
grid-row: pagebody
}
.mw-heading {
.mw-heading2 {
align-items: end;
justify-content: space-between;
}
@ -131,23 +190,23 @@ a:hover , a:visited:hover {
margin-top: calc(var(--space) * 4);
}
#pagebody {
.pagebody {
grid-row: 2;
}
#mw-content-text p {
margin-left: var(--space);
margin-right: var(--space);
// margin-left: var(--space);
// margin-right: var(--space);
}
.mw-heading {
margin-left: var(--space);
margin-right: var(--space);
// margin-left: var(--space);
// margin-right: var(--space);
}
.mw-heading > .mw-editsection {
position: absolute;
right: var(--space);
right: 0;
}
}

View File

@ -3,11 +3,13 @@
align-items: end;
justify-content: space-between;
border-bottom: 3px solid var(--8);
margin-bottom: calc(var(--space) * 2);
}
#page-title {
display: flex;
position: relative;
line-height: 2.4em;
}
#page-title-background {
@ -18,6 +20,7 @@
margin-bottom: calc(var(--space) / 2);
display: flex;
gap: var(--space);
text-wrap: nowrap;
}
#page-header-views > * > a:link, #page-header-views#page-header-views a:visited {
@ -47,15 +50,9 @@
color: var(--blue-5);
}
#page-title-versions {
display: flex;
flex-wrap: wrap;
gap: var(--space);
margin-left: 2vw;
}
#firstHeading {
margin-bottom: .1em;
margin-bottom: .2em;
color: var(--8);
}
@ -65,7 +62,7 @@
}
}
#firstHeading, .mw-heading h2 {
#firstHeading {
font-family: 'Libre Caslon', serif;
text-wrap: balance;
}
@ -84,6 +81,10 @@
align-self: center;
}
#ca-talk a{
text-decoration: underline;
}
@media (min-width: 1201px) {
}
@ -98,10 +99,16 @@
}
@media (max-width: 720px) {
#page-header {
margin-left: 0;
margin-right: 0;
}
#page-header-views {
flex-direction: column;
margin-bottom: 0;
align-items: end;
}
#page-header-links {
@ -112,6 +119,10 @@
flex-direction: column-reverse;
}
#firstHeading {
margin-top: var(--space);
}
#page-header-links {
flex-direction: column;
align-items: end;

View File

@ -8,8 +8,9 @@
// background-image: linear-gradient(100deg, transparent 0%, #ecf2ff 20%, #ecf2ff 80%, transparent);
// box-shadow: inset 0 0 12px 12px white;
padding-top: calc(var(--space) * 2);
padding-bottom: calc(var(--space) * 2);
// margin-top: calc(var(--space) * 2);
margin-bottom: calc(var(--space) * 2);
line-height: calc(var(--space) * 3);
}
@ -35,7 +36,7 @@
color: var(--8);
}
.toclevel-2 > a {
.toclevel-2 > a:link, .toclevel-2 > a:visited {
color: var(--blue-6);
}
@ -64,6 +65,7 @@ a:has(> .toctext):hover {
#mw-content-text:has(> .mw-parser-output > #pagebody-header), .mw-parser-output:has(> #pagebody-header) {
display: grid;
grid-template-rows: subgrid;
grid-template-columns: subgrid;
grid-row: toc / bottomstart;
}
@ -76,11 +78,15 @@ a:has(> .toctext):hover {
font-size: 0.9em;
}
#toc > ul {
column-gap: calc(var(--space) / 2);
column-gap: calc(var(--space));
}
.toclevel-1, .toclevel-1 ul {
row-gap: 0;
}
#toc {
line-height: calc(var(--space) * 2.5);
}
}

View File

@ -4,6 +4,11 @@
padding: var(--space);
align-items: center;
border-top: 2px solid var(--blue-7);
color: var(--8);
}
#site-footer a:link:hover {
color: var(--blue-4);
}
#site-footer a:link {

View File

@ -7,12 +7,13 @@
height: 100%;
width: 100%;
justify-content: start;
position: relative;
gap: var(--space);
}
#site-header-marks a {
display: flex;
height: 100%;
// Note that the wordmark's underline is drawn here, and is not a part of the SVG file.
border-bottom: 3px solid var(--8);
box-sizing: border-box;
@ -25,6 +26,16 @@
}
}
#site-header-icon {
display: none;
position: absolute;
width: 100%;
z-index: -6;
filter: opacity(0.5);
max-height: 18em;
top: 3.6em;
}
.searchButton {
position: absolute;
right: var(--space);
@ -130,8 +141,10 @@
}
.color-scheme-toggle {
display: none;
padding: var(--space);
width: calc(var(--space) * 3);
text-align: center;
filter: saturate(0%) brightness(0) contrast(10);
@ -152,6 +165,7 @@
#site-header-search form {
height: 100%;
margin-left: var(--space);
}
#site-header-marks {
@ -226,4 +240,9 @@
grid-row: 2;
}
#site-header-icon {
position: unset;
width: fit-content;
}
}

View File

@ -1,6 +1,7 @@
.site-nav-menu {
display: flex;
flex-direction: column;
margin-top: var(--space);
}
.site-nav-menu-links {
@ -118,7 +119,7 @@
.site-nav-sticky {
position: sticky;
top: calc(var(--space));
top: calc(var(--space) * 2);
}
}
@ -176,6 +177,9 @@
#site-nav-wrapper > div {
width: fit-content;
box-sizing: border-box;
padding-left: calc(var(--space) * 2);
padding-right: calc(var(--space) * 2);
}
#site-nav-wrapper {
@ -183,13 +187,13 @@
scroll-snap-type: x mandatory;
}
.site-nav-menu:last-child {
margin-left: calc(var(--space) * 3);
}
// .site-nav-menu:last-of-type {
// margin-left: calc(var(--space) * 3);
// }
.site-nav-menu:first-child {
margin-right: calc(var(--space) * 3);
}
// .site-nav-menu:first-of-type {
// margin-right: calc(var(--space) * 3);
// }
.site-nav-menu {
width: calc(100vw - 2.4em);

View File

@ -23,6 +23,7 @@
.sitenotice p {
color: var(--gold-7);
text-align: center;
}
@media (min-width: 1201px) {

View File

@ -43,4 +43,16 @@ fieldset {
.mw-tempuserlink {
background: none;
}
.oo-ui-iconElement-icon:not(.oo-ui-image-invert) {
filter: unset;
}
.mw-editform {
color: var(--0);
}
.mw-body-content .CodeMirror.CodeMirror {
background-color: white;
}

View File

@ -0,0 +1,84 @@
#page-title-versions {
display: flex;
flex-wrap: wrap;
gap: calc(var(--space) * 2);
margin-left: 2vw;
align-items: center;
line-height: normal;
}
#page-title-versions > div {
position: relative;
}
#page-title-versions label {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
#page-title-versions input {
content: '';
width: calc(var(--space) *2.5);
height: calc(var(--space) * 2.5);
transform: rotate(45deg);
background: black;
display: block;
z-index: -6;
border: 1px outset var(--gold-1);
box-sizing: border-box;
appearance: none;
}
#page-title-versions input:checked {
box-shadow: 0 0 6px 3px var(--8);
}
#page-title-versions label * {
height: calc(var(--space) * 2.5);
width: fit-content;
display: block;
text-shadow: 1 1 2px var(--gold-7), 1 -1 2px var(--gold-7), -1 -1 2px var(--gold-7), -1 1 2px var(--gold-7);
color: var(--gold-1);
cursor: pointer;
}
#page-title-versions .mw-default-size {
background: unset;
border: unset;
padding: unset;
}
.vdiff {
display: none;
}
body:has(#mw-indicator-1:checked) .vdiff-1 {
display: inline;
}
body:has(#mw-indicator-2:checked) .vdiff-2 {
display: inline;
}
body:has(#mw-indicator-3:checked) .vdiff-3 {
display: inline;
}
body:has(#mw-indicator-4:checked) .vdiff-4 {
display: inline;
}
body:has(#mw-indicator-5:checked) .vdiff-5 {
display: inline;
}
body:has(#mw-indicator-6:checked) .vdiff-6 {
display: inline;
}

View File

@ -7,11 +7,13 @@
@import 'parts/page-header.less';
@import 'parts/page-body.less';
@import 'parts/page-toc.less';
@import 'parts/portableinfobox.less';
@import 'parts/infobox.less';
@import 'parts/sitenotice.less';
@import 'parts/dropmenu.less';
@import 'parts/specialpage.less';
@import 'parts/tables.less';
@import 'parts/table.less';
@import 'parts/images.less';
@import 'parts/versions.less';
@font-face {
font-family: "Libre Caslon";
@ -54,7 +56,8 @@
[bottomstart] auto
;
height: 100%;
margin-top: calc(6vw - 6vh);
padding-top: calc(6vw - 6vh);
box-sizing: border-box;
}
}
@ -66,7 +69,6 @@
#grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows:
[topstart] 7.8em
[sitenotice] auto
@ -98,7 +100,7 @@ body {
radial-gradient(circle farthest-corner at 100% 100%, var(--0) 80%, var(--blue-2) 100%)
;
background-attachment: fixed, local;
color: var(--8);
// color: var(--8);
}
@media (prefers-color-scheme: dark) {
@ -135,6 +137,26 @@ fieldset {
z-index: 60;
}
.mwe-popups-extract a:link, .mwe-popups-extract a:visited {
color: black;
}
// border-image: linear-gradient(90deg, transparent 5%, var(--gold-7) 30%, var(--gold-7) 70%, transparent 95%) 30;
// @media (prefers-color-scheme: dark) {
// border-image: linear-gradient(90deg, transparent 5%, var(--gold-3) 30%, var(--gold-3) 70%, transparent 95%) 30;
// }
// border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1;
// border-bottom: 2px solid;
// border-left: 2px solid;
// border-left: 2px solid;
// border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1;
// border-image: linear-gradient(90deg, transparent 5%, var(--gold-7) 40%, var(--gold-7) 60%, transparent 95%) 30;
// @media (prefers-color-scheme: dark) {
// border-image: linear-gradient(90deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 30;
// }
// .site-header-user button, #site-header-user-links, #page-menu-button, #page-menu-list, #page-header-options-links {
// font-size: 1em;
// overflow: clip;

View File

@ -2,7 +2,7 @@ li {
list-style: none;
}
h1, h2, h3, p, ul, input {
h1, h2, h3, p, ul, input, dl, dd, dt {
margin: unset;
border: unset;
padding: unset;
@ -16,6 +16,10 @@ summary {
list-style: none;
}
figure {
margin: unset;
}
#preferences .mw-htmlform-submit-buttons {
position: unset;
margin: unset;

View File

@ -19,6 +19,7 @@
"name": "crystal",
"responsive": true,
"supportsMwHeading": true,
"clientPrefEnabled": true,
"toc": true,
"styles": [
"codex-styles",

View File

@ -7,9 +7,10 @@
{{{html-title-heading}}}
<div id="page-title-versions">
{{#array-indicators}}
<a href="?{{{id}}}">
<div id="{{{id}}}">{{{html}}}</div>
</a>
<div>
<input name="versions" type="radio" class="{{{class}}}" id="{{{id}}}"/>
<label for="{{{id}}}">{{{html}}}</label>
</div>
{{/array-indicators}}
</div>
</div>

View File

@ -3,11 +3,12 @@
<header id="site-header">
<div id="site-header-marks">
<a href="https://phialfantasy.wiki">
{{#data-logos}}
{{#data-logos}}
<img id="site-header-icon" src="{{{icon}}}" />
<a href="https://phialfantasy.wiki">
<img id="site-header-wordmark" src="{{{wordmark.src}}}" />
{{/data-logos}}
</a>
</a>
{{/data-logos}}
</div>
<div id="site-header-container">
@ -28,7 +29,7 @@
</div>
<div class="site-header-user layout-mouse">
<button>User</button> {{! This button's content is a fallback, replaced with the user's username via Javascript. }}
<button class="user-clientpref-1">User</button> {{! This button's content is a fallback, replaced with the user's username via Javascript. }}
<div id="site-header-user-links">
<ul class="drop-link-list">
{{#data-portlets.data-user-menu}}

View File

@ -31,12 +31,6 @@
{{/data-portlets-sidebar}}
{{#data-footer.data-info.array-items.0}}
<p id="site-lastedit" class="layout-mouse">
{{{html}}}
</p>
{{/data-footer.data-info.array-items.0}}
{{#data-toc}}
<nav id="site-nav-toc" class="site-nav-menu site-nav-sticky">
<button>Contents</button>
@ -57,5 +51,12 @@
</nav>
{{/data-toc}}
{{#data-footer.data-info.array-items.0}}
<p id="site-lastedit" class="layout-mouse">
{{{html}}}
</p>
{{/data-footer.data-info.array-items.0}}
</div>
</div>