30:T6a3,css = ` #dskitLogo.container { font-family: 'Varela Round', sans-serif; font-weight: 900; width: 100%; height: 100%; background-color: transparent; font-size: 8.5em; line-height: 1.6em; padding: .66em; perspective: 2500px; transform-style: preserve-3d; perspective-origin: 50% 200%; } #dskitLogo .page { border-top: .1em solid black; border-bottom: .1em solid black; text-align: center; } #dskitLogo .page1 { display: inline-block; background-color: white; with: auto; padding-left: .3em; padding-right: .0133em; border-left: .1em solid black; } #dskitLogo .page2 { display: inline-block; background-color: white; border-right: .1em solid black; with: auto; padding-right: .3em; padding-left: .0133em; margin: none; transform-origin: top left; transform: rotateY(${rotateY}deg); /* transform: scale(0.9, 1) skew(0, -15deg) translate(-0.15em, -0.321em); */ } #dskitLogo .page2.open { transform: rotateY(0); /* transform: scale(0.9, 1) skew(0, -15deg) translate(-0.15em, -0.321em); */ } #dskitLogo .shadow { position: absolute; top: .66em; lef: 0; z-index: -10; } #dskitLogo .page1Shadow { display: inline-block; background-color: black; margin: none; border-top: .1em solid black; border-left: .1em solid black; border-bottom: .1em solid black; padding-left: .3em; padding-right: .133em; } #dskitLogo .page2Shadow { display: inline-block; background-color: black; border-top: .1em solid black; border-right: .1em solid black; border-bottom: .1em solid black; margin: none; padding-right: .3em; padding-left: .133em; transform: translateX(-.50em) scale(${(90 + rotateY) / 90}, 1); } `31:[] 2e:{"title":"VOTE Logo","cells":[{"id":0,"value":"md`# VOTE Logo`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"dsKitLogo = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"viewof rotateY = slider({min:-45, max:0, description:'Y-axis rotation'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"import {slider} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"style = {\n const style = DOM.element('style');\n\t// , {\n\t// id: 'styles',\n\t// style: `display: block;\n\t// white-space: pre;\n\t// font-family: monospace;\n\t// font-size: .8em;`\n\t// });\n style.innerHTML = `\n${css} \n `;\n return style;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"shadow = (90 + rotateY) / 90\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}