{"/home":{"name":"Home","route":"/home","root":{"id":"day4-c-0","name":"Root","tag":"div","children":[{"id":"day4-c-14","name":"ContainerHorizontal","tag":"div","parentId":"day4-c-0","children":[{"id":"day4-c-16","name":"Link","tag":"a","parentId":"day4-c-14","children":[{"id":"day4-c-15","name":"Svg","tag":"svg","content":" ","parentId":"day4-c-16","style":{"custom":{"breakpoint-1":{"default":{}},"breakpoint-4":{"default":{}}}}}],"style":{"custom":{"breakpoint-1":{"default":{"margin":"0px 0px 0px auto"}},"breakpoint-4":{"default":{"margin":"0px 0px 0px 0px"}}},"mixins":["global-s-7"]},"inputs":{"target":{"type":"string","name":"target","attr":true,"is":"_blank"},"href":{"type":"string","name":"href","attr":true,"default":"","is":"https://github.com/sampullman/image-opt"}}},{"id":"day4-c-17","name":"Link","tag":"a","parentId":"day4-c-14","children":[{"id":"day4-c-18","name":"Image","tag":"img","parentId":"day4-c-17","style":{"custom":{"breakpoint-1":{"default":{"border":"0","height":"36px"}}},"mixins":["global-s-6"]},"inputs":{"src":{"type":"string","name":"src","attr":true,"default":"","is":"https://storage.ko-fi.com/cdn/kofi5.png?v=6"},"alt":{"name":"alt","type":"string","default":"Buy Me a Coffee at ko-fi.com","attr":true,"is":"Buy Me a Coffee at ko-fi.com"}}}],"style":{"custom":{"breakpoint-1":{"default":{"margin":"0px 0px 0px 16px"}}},"mixins":["global-s-7"]},"inputs":{"href":{"type":"string","name":"href","attr":true,"default":"","is":"https://ko-fi.com/I2I01AYU23"},"target":{"type":"string","name":"target","attr":true,"is":"_blank"}}}],"style":{"custom":{"breakpoint-1":{"default":{"align-items":"center","max-width":"940px","margin":"0 auto","padding":"16px 16px 16px 16px"}},"breakpoint-4":{"default":{"justify-content":"center"}}},"mixins":["global-s-1"]}},{"id":"day4-c-1","name":"ContainerVertical","tag":"div","parentId":"day4-c-0","children":[{"id":"day4-c-2","name":"H1","tag":"h1","content":"

Image Optimizer

","parentId":"day4-c-1","style":{"custom":{"breakpoint-1":{"default":{"align-content":"center","text-align":"center","margin":"0px 0px 20px 0px"}},"breakpoint-3":{"default":{"font-size":"28px"}},"breakpoint-4":{"default":{"margin":"8px 0px 20px 0px"}}},"mixins":["global-s-9"]}},{"id":"day4-c-7","name":"Text","tag":"div","content":"

Images are optimized in your browser, and never sent to a server.

","parentId":"day4-c-1","style":{"custom":{"breakpoint-1":{"default":{"margin":"0px auto 0px auto","text-align":"center","max-width":"480px"}},"breakpoint-4":{"default":{"max-width":"320px"}}},"mixins":["global-s-8"]}},{"id":"day4-c-10","name":"Text","tag":"div","content":"

Supports Jpeg and Png

","parentId":"day4-c-1","style":{"custom":{"breakpoint-1":{"default":{"max-width":"440px","margin":"6px auto 0px auto","text-align":"center"}}},"mixins":["global-s-8"]}},{"id":"day4-c-8","name":"VueComponent","tag":"vue","parentId":"day4-c-1","style":{"custom":{"breakpoint-1":{"default":{"margin":"24px auto 0px auto","max-width":"100%"}}}},"inputs":{"componentName":{"type":"string","name":"componentName","attr":false,"default":"","is":"Optimizer"},"oxipngWasm":{"name":"oxipngWasm","type":"string","default":"https://pub-3091ea5c0f2e49f680e2481e04871042.r2.dev/870aafc9-36e9-476a-b38c-c1aaaad9d9fe/46aa633f-d8ca-4033-a4f0-b08f22b45db9.wasm","attr":false,"is":"https://pub-3091ea5c0f2e49f680e2481e04871042.r2.dev/870aafc9-36e9-476a-b38c-c1aaaad9d9fe/46aa633f-d8ca-4033-a4f0-b08f22b45db9.wasm"},"mozjpegWasm":{"name":"mozjpegWasm","type":"string","default":"https://pub-3091ea5c0f2e49f680e2481e04871042.r2.dev/870aafc9-36e9-476a-b38c-c1aaaad9d9fe/28f79fd4-9aae-457e-b617-585cbe77d1f6.wasm","attr":false,"is":"https://pub-3091ea5c0f2e49f680e2481e04871042.r2.dev/870aafc9-36e9-476a-b38c-c1aaaad9d9fe/28f79fd4-9aae-457e-b617-585cbe77d1f6.wasm"},"jpegliWasm":{"name":"jpegliWasm","type":"string","default":"https://site-assets.pubstudioassets.com/c0f5d82a-0071-434c-97ad-a17a882f7903/14e5ac23-a157-4d99-b6d2-e7356e7b5fa2.wasm","attr":true,"is":"https://site-assets.pubstudioassets.com/c0f5d82a-0071-434c-97ad-a17a882f7903/14e5ac23-a157-4d99-b6d2-e7356e7b5fa2.wasm"},"workerUrl":{"name":"workerUrl","type":"string","default":"https://site-assets.pubstudioassets.com/c0f5d82a-0071-434c-97ad-a17a882f7903/b0e4a707-243d-4810-a4da-08a6eda1ce89.js","attr":false,"is":"https://site-assets.pubstudioassets.com/c0f5d82a-0071-434c-97ad-a17a882f7903/b0e4a707-243d-4810-a4da-08a6eda1ce89.js?1"}}}],"style":{"custom":{"breakpoint-1":{"default":{}}},"mixins":["global-s-2","day4-s-9"]}},{"id":"day4-c-3","name":"Footer","tag":"footer","parentId":"day4-c-0","children":[{"id":"day4-c-4","name":"ContainerVertical","tag":"div","parentId":"day4-c-3","children":[{"id":"day4-c-5","name":"Text","tag":"div","content":"

","parentId":"day4-c-4","style":{"custom":{"breakpoint-1":{"default":{"font-size":"13px"}}}}},{"id":"day4-c-19","name":"ViewCounterWrap","tag":"div","parentId":"day4-c-4","children":[{"id":"day4-c-20","name":"ViewCounterLabel","tag":"div","content":"Site visits:","parentId":"day4-c-19","style":{"custom":{"breakpoint-1":{"default":{"font-size":"13px"}}},"mixins":["global-s-8"]}},{"id":"day4-c-21","name":"ViewCounter","tag":"div","content":"0","parentId":"day4-c-19","style":{"custom":{"breakpoint-1":{"default":{"font-weight":"700","margin":"0px 0px 0px 6px","font-size":"13px"}}},"mixins":["global-s-8"]},"events":{"appear":{"name":"appear","behaviors":[{"behaviorId":"global-b-viewcounter","args":{"counterId":""}}]}}}],"style":{"custom":{"breakpoint-1":{"default":{"justify-content":"center","display":"flex","flex-direction":"row","align-items":"center","margin":"1px 0px 0px 12px"}}}}}],"style":{"custom":{"breakpoint-1":{"default":{"margin":"auto 0px 0px 0px","display":"flex","align-items":"center","justify-content":"center","max-width":"900px","flex-direction":"row"}}},"mixins":["global-s-2","global-s-3"]}}],"style":{"custom":{"breakpoint-1":{"default":{"display":"flex","align-items":"center","justify-content":"center","font-size":"13px","margin":"auto auto 0px auto"}}},"mixins":["global-s-3","day4-s-9"]}}],"style":{"custom":{"breakpoint-1":{"default":{"width":"100%","height":"100%","background-color":"#eaeff9"}}},"mixins":["global-s-2"]}},"public":true,"head":{}},"/about":{"name":"About","route":"/about","root":{"id":"day4-c-11","name":"Root","tag":"div","children":[{"id":"day4-c-13","name":"ContainerVertical","tag":"div","parentId":"day4-c-11","children":[{"id":"day4-c-12","name":"Text","tag":"div","content":"

mozjpeg and oxipng are used for optimization. A webworker is used if available. Source code for the widget can be found here.

","parentId":"day4-c-13","style":{"custom":{"breakpoint-1":{"default":{"margin":"12px 0px 16px 0px","text-align":"center","max-width":"520px","font-size":"14px"}}},"mixins":["global-s-8"]}}],"style":{"custom":{"breakpoint-1":{"default":{}}},"mixins":["global-s-2","day4-s-9"]}}],"style":{"custom":{"breakpoint-1":{"default":{"width":"100%","height":"100%","background-color":"white"}}},"mixins":["global-s-2"]}},"public":true,"head":{}}}