- commit
- 5caea566025ad907ebca94734d3191de611f4ed5
- parent
- 4d0a61d16442bb7e62631b768117db274aa59a07
- author
- Dami <dami.etoile@gmail.com>
| M | assets/ | 30 | ++++++++---- |
| M | static/ | bin | |
| M | static/ | bin | |
| M | static/ | bin | |
| M | static/ | 77 | +++--------------------------- |
@@ -29,6 +29,8 @@ video {
2929 }3030 3131 html {32+ width: 100%;33+ height: 100%;3234 line-height: 1.5;3335 -webkit-text-size-adjust: 100%;3436 font-family:@@ -37,15 +39,19 @@ html {
3739 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",3840 "Noto Color Emoji";3941 background: #f7f4ea;40- overscroll-behavior-x: none;41- overflow-x: hidden;42+ overscroll-behavior: none;43+ overflow: hidden;4244 }4345 4446 body {45- min-height: 100dvh;47+ width: 100%;48+ height: 100%;49+ margin: 0;50+ position: fixed;51+ inset: 0;4652 background: #f7f4ea;47- overscroll-behavior-x: none;48- overflow-x: hidden;53+ overscroll-behavior: none;54+ overflow: hidden;4955 user-select: none;5056 -webkit-user-select: none;5157 }@@ -58,9 +64,11 @@ select {
5864 }5965 6066 .shikaku-home {61- min-height: 100dvh;62- height: 100dvh;63- width: 100vw;67+ position: fixed;68+ inset: 0;69+ min-height: 100svh;70+ height: 100svh;71+ width: 100%;6472 overflow: hidden;6573 background: linear-gradient(180deg, #0f180d 0%, #122411 44%, #0b130b 100%);6674 color: #f7f0d8;@@ -404,7 +412,9 @@ select {
404412 }405413 406414 .shikaku-play-shell {407- height: 100dvh;415+ position: fixed;416+ inset: 0;417+ height: 100svh;408418 overflow: hidden;409419 background: linear-gradient(180deg, #0f180d 0%, #122411 44%, #0b130b 100%);410420 color: #f7f0d8;@@ -664,7 +674,7 @@ select {
664674 }665675 666676 .shikaku-app-shell {667- min-height: 100dvh;677+ min-height: 100%;668678 padding: max(1rem, env(safe-area-inset-top))669679 max(1rem, env(safe-area-inset-right))670680 max(1.5rem, env(safe-area-inset-bottom))Binary file.
Binary file.
Binary file.
@@ -5,73 +5,12 @@
55 aria-labelledby="title desc"66 >77 <title id="title">rect.run icon</title>8- <desc id="desc">A pixel-style rect.run icon above a puzzle grid.</desc>9- <rect width="128" height="128" fill="#122411" />10- <rect11- x="10"12- y="10"13- width="108"14- height="108"15- fill="#0f180d"16- stroke="#f4ebcf"17- stroke-width="4"18- />19- <rect20- x="20"21- y="78"22- width="88"23- height="30"24- fill="#efe5c2"25- stroke="#0b1209"26- stroke-width="4"27- />28- <path29- d="M20 88h88M20 98h88M42 78v30M64 78v30M86 78v30"30- stroke="#0b1209"31- stroke-width="4"32- />33- <rect34- x="28"35- y="42"36- width="20"37- height="32"38- fill="#7a7a81"39- stroke="#0b1209"40- stroke-width="4"41- />42- <rect43- x="54"44- y="28"45- width="20"46- height="46"47- fill="#7a7a81"48- stroke="#0b1209"49- stroke-width="4"50- />51- <rect52- x="80"53- y="42"54- width="20"55- height="32"56- fill="#7a7a81"57- stroke="#0b1209"58- stroke-width="4"59- />60- <path61- d="M28 42h20M54 28h20M80 42h20"62- stroke="#f2cb55"63- stroke-width="8"64- stroke-linecap="square"65- stroke-dasharray="4 8"66- />67- <rect x="58" y="52" width="12" height="22" fill="#171d14" />68- <rect69- x="59"70- y="14"71- width="10"72- height="12"73- fill="#f2cb55"74- stroke="#0b1209"75- stroke-width="4"76- />8+ <desc id="desc">A simple 2 by 2 bento grid in three colors.</desc>9+ <rect width="128" height="128" rx="28" fill="#122411" />10+ <g transform="translate(18 18)">11+ <rect x="0" y="0" width="42" height="42" rx="12" fill="#f4ebcf" />12+ <rect x="50" y="0" width="42" height="42" rx="12" fill="#d4deb0" />13+ <rect x="0" y="50" width="42" height="42" rx="12" fill="#d4deb0" />14+ <rect x="50" y="50" width="42" height="42" rx="12" fill="#f2cb55" />15+ </g>7716 </svg>