{"componentChunkName":"component---src-templates-edit-artwork-js","path":"/artwork/odessa","result":{"data":{"artworksJson":{"id":"ecabbc80-c9fa-51b6-82e4-0ce911d85356","name":"Odessa","description":"A top view of randomly generated lines and squares paints a simplistic view of cities.","grid":{"default":"6x4","options":["3x2","6x4","9x6","12x8","15x10"]},"palette":["#FFFFFF","#3FFFB2","#D89FFF","#D89FFF","#FF3D8B"],"slug":"odessa","frequency":{"default":0.4,"values":[0.2,0.4,0.6,0.8,1],"step":0.2,"replace":"${shapeFrequency}"},"circularity":null,"shadow":{"default":false,"code":"-webkit-box-shadow:0 0 @pick(0, 40)px rgba(0,0,0,0.2); box-shadow:0 0 @pick(0, 40)px rgba(0,0,0,0.2);","replace":"${shadow}"},"roundedCorners":null,"customText":null,"code":{"style":"--randomColor: @p(var(--color0), var(--color1), var(--color2), var(--color3), var(--color4)); --rule: ( /* Frequency options of 0.2, 0.4, 0.6, 0.8, 1.0 */ @random(${shapeFrequency}) { background: var(--randomColor); width:100%; height:@pick(100%, 200%, 300%); border-radius: 200px 200px 200px 200px; /* On or off option for displaying box shadows */ ${shadow} } -webkit-transition: height ease @rand(200ms, 600ms); transition: height ease @rand(200ms, 600ms); );","doodle":":doodle { text-align:center; box-sizing:border-box } :container { background: var(--color0); overflow:hidden; }"}}},"pageContext":{"id":"ecabbc80-c9fa-51b6-82e4-0ce911d85356"}}}