From 21b61d2a71e3db1607ea5a773e0c6e502141724c Mon Sep 17 00:00:00 2001 From: RainlessSky <174295816+RainlessSky@users.noreply.github.com> Date: Wed, 30 Oct 2024 21:31:10 -0700 Subject: [PATCH] Info buttons for maps and labels if they're experimentAL or beta (no beta maps yet) --- custom-maps/index.html | 214 ++++++++++++++++++++++--- public/css/style.css | 69 +++++++- public/custommaps/beta-label.png | Bin 0 -> 8819 bytes public/custommaps/close-popup.png | Bin 0 -> 11130 bytes public/custommaps/experiment-label.png | Bin 0 -> 9884 bytes public/custommaps/map-info.png | Bin 0 -> 22926 bytes public/custommaps/official-label.png | Bin 0 -> 8664 bytes 7 files changed, 255 insertions(+), 28 deletions(-) create mode 100644 public/custommaps/beta-label.png create mode 100644 public/custommaps/close-popup.png create mode 100644 public/custommaps/experiment-label.png create mode 100644 public/custommaps/map-info.png create mode 100644 public/custommaps/official-label.png diff --git a/custom-maps/index.html b/custom-maps/index.html index c9b50f1..8d2925b 100644 --- a/custom-maps/index.html +++ b/custom-maps/index.html @@ -42,74 +42,240 @@
Soltrium Castle
- - +Japan
- - +Underground
- - +Dust Arena A
- - +F-House
- - +Corahk Mining Facility
- - +Sky Arena A
- - +Open World 256²
- - +Corahk Wasteland
- - +Lava Arena C
- - -Soltec Warehouse
- - +Corahk Wasteland (NO-VIS)
+Corahk Wasteland (NO-VIS)
+Workshop map
diff --git a/public/css/style.css b/public/css/style.css index 97c1f95..3a774b2 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -7,7 +7,8 @@ body { background-attachment: fixed; margin: 0px; font-weight: 475; - overflow: auto; + overflow-y: auto; + overflow-x: hidden; width: 100vw; height: 100vh; } @@ -143,6 +144,9 @@ a { .p-no-margin { margin: 0 } +.p-one-em { + font-size: 1em !important; +} /* ||| Main sections ||| */ @@ -151,6 +155,7 @@ p { color: #FFF; } h3 { + text-transform: uppercase; font-weight: 750; font-family: 'Montserrat', sans-serif; font-size: 10px; @@ -250,7 +255,7 @@ iframe { font-weight: 500; text-align: center; text-rendering: geometricPrecision; - font-size: 14px; + font-size: 0.85em; margin: auto; padding: 10px; line-height: 18px; @@ -282,15 +287,27 @@ iframe { .maps_list > p { width: 100%; } +.map-name-label { + position: relative; + image-rendering: crisp-edges; + top: 5px; + height: 12px; +} +.zero-size { + width: 0; + height: 0; + line-height: 0; +} .map_tile_preview { + line-height: 0; aspect-ratio: 16 / 9; background-color: #FFFFFF10; width: 100%; margin: 0 } .map_tile_name, .map_tile_author { - line-height: 5px; - font-size: 12px; + line-height: 1em; + font-size: 0.75em; margin: 10px; margin-top: 8px; } @@ -335,6 +352,50 @@ iframe { height: 18px; image-rendering: crisp-edges; } +.map-tile-buttons { + display: grid; + grid-template-columns: 20px 20px 20px; + column-gap: 5px; + padding-bottom: 5px; + justify-content: center; +} + +/* Never do this. */ +.info-overlay-fix { + width: 0; + height: 0; +} +.map-info-overlay { + display: none; +} +.map-info-header { + position: relative; + text-align: left; +} +.map-info-content { + font-size: 0.9em; + text-align: left; +} +.map-info { +} +.map-info:focus-within { + .map-info-overlay { + display: block; + position: relative; + background-color: #000000C0; + backdrop-filter: blur(1px); + padding: 5px; + right: 65px; + bottom: 182.5px; + width: 190px; + height: 175px; + } +} +.overlay-fix { + width: 0; + height: 0; + display: none; +} /* Mapmaking table */ table { diff --git a/public/custommaps/beta-label.png b/public/custommaps/beta-label.png new file mode 100644 index 0000000000000000000000000000000000000000..bfa971a1bf9297a3a2591de745535aab715f7f44 GIT binary patch literal 8819 zcmeHLcTm$?w+#>hK{_H;LJ$QskdROkKq;Y02N404bfS__LKUP6f^-z=y(vwRCPisd zR60l%Q4og-^8&zM2>dQLSrZgTBOrd*+3U41E7>+AU;
z3I02}oYLOtbEFD~_=`WdFc_8Vm|DvD{y=;DV#&gKUpyh_<%{k#Sd9$#L4D7>(L y>4o{PoP?SZ$ht
zgC$B^-DWB(Ssd2gf2zxAH>A+Ur)C}K4QH1d*1*u#O0oVji296A>5UmXDLi}TGhanj
zHNCA3Kn3@xJ06_%*)~i9&Yis1<#b7ur!B(uwvpj>h0!mq2tqx-1@{HO32)8jnX-|!
zpY(G<`(qRt=8i!_E(yM)oy^T)D5XSQ{oL2BI+?ugK+)7K4k1u?lkuuerlR52f$6nM
zP2b1+BURjL(gDAvA6N;mFSS@qLnTkVWf}UdzT@TC9`gf?s{-XIHqBeNW3I3v5aA@N+p
z0PQ5|xEtpv-DZe9f)86LXyDD?Tf6-x3D9U#Ufb*Sh5>y2LF^`WY{0D{o`$JQ;m+((NzS&!FEvzYvI(X)Vu`a!OJ>|fB
zSH7Nkaf13MyzewR*G>MITB+M$jFppa^>@#i;jm5po~}xdWxrN|S>5WU>L;63MogU0
zyd+<}v9Q$q5G!!)3DrCQcv(Puh&a_h`UTDQSE@!(^Q7zB%*L+Nq3E@#!hkv5X{X6=
zh|m|C!|f2ppziFz@ap%1k`tAAi}>$^JP9@NUMlmbv@*l;61pvPRVUQrig*X#qq&hQ
z9^VgK;<=t-T9NIcq4D{0`*BRE#57_5$!KM_IgcklFzizsd$1q1Z+I`Qm)tr3E#_^t
zEHr3H`w`Iy;g-36tMID3-^48L5()pVOWjVllW`XOBU$6keg^kD^dloy4k7
z3N>)C?u@V|-o9>za2vtZ%)S3Gb0U)(l(XvdRVnB^i%xoA%2bT;ulibL?o-)I@%4A*
z6dOJ^eBd~d_9K1f;R{A~B0sMdhDNqsY#nJf(O59L`D8AE!p6mq
z%)`5j5IPD1d3DPU?MsFi6l)<3{ghn86&EZamk%AATCJD{PokyzkHkpB+?>X|&s`HF
zc*jg5x2)bI-5h6LPZH$4Z9cnmC~)d;ecY-6Mdn98_?#NqpX-C$88n*JZ&r5FHdC<
z!XZ~a5(<6ON?jLX$EbYmh$1PJ8XDku7nmSj&crMN!`CTOfeA&+=jtppCXV~=De*mj
z6lvJD^R4L(kYcMle1fcsdapAms$8X?Psf-;@%%d`YI`c968Fr4H@orRa1=V+DIb4Z
zTKmAN$-To(I%*<6ip{mLyH%95z#G~v5fyAvOFq
ep^<0rb48}}L(c9Bw4IPIr!-IRVEX%uK)r)?ku3)N^D*aw{
z&J?hd2RYEkgirSvO7Mc=>F_a4OsF`en6s}UHkq-evY-Med2ok>7wI)+yWrNaXQhY;
zM5@R%?~~)!sG?8I6iAr)m@v+Q9EYhjOYq6FsA4poZp7qqCgiHib5R7r&<3kNsbuVT
zmXxAd3GkwiDwEKHIdt;vd*M@aU>}t|x!LMujB}E*7_X@(OC$j@f>