feat: version campaigns and document original puzzle design
Restore v0.1 and v0.2 archives with separate progress, publish the curved v0.3 campaign, and document the original 24-level design with reproducible evidence. Refine board presentation and movement, and keep video lab tooling within its own directory.
This commit is contained in:
@@ -24,3 +24,13 @@
|
||||
.phone .rotations button>span{width:56px;height:56px}.phone .rotations b{font-size:13px}
|
||||
.study-dialog{width:min(360px,calc(100% - 32px));max-height:80dvh;overflow:auto;border:0;border-radius:24px;padding:24px;background:#F7F6F2;color:#273B50}
|
||||
.study-dialog::backdrop{background:#273B507A;backdrop-filter:blur(5px)}.study-dialog h2{font-size:22px}.study-dialog button{min-height:44px;padding:10px 15px;border-radius:10px;background:#E4EAF0;color:#273B50}.study-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.study-dialog label{display:block;margin:20px 0;font-size:14px}
|
||||
|
||||
/* Let the interactive board demonstrate the current device's usable size. */
|
||||
@media(min-width:651px){
|
||||
.studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
|
||||
.studio .phone{grid-column:1/-1;grid-row:1;width:min(100%,960px,calc(100dvh + 80px));height:clamp(420px,calc(100dvh - 48px),1100px);justify-self:center;padding:12px 20px 16px;border-radius:28px}
|
||||
.studio .theme-story{grid-column:1;grid-row:2}
|
||||
.studio .motion-story{grid-column:2;grid-row:2}
|
||||
.phone .rotations{left:6%;right:6%;justify-content:space-between}
|
||||
.phone .phone-tools button{justify-self:center;width:96px}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user