{"id":6242,"date":"2025-12-01T04:17:41","date_gmt":"2025-12-01T04:17:41","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/?p=6242"},"modified":"2025-12-01T04:17:52","modified_gmt":"2025-12-01T04:17:52","slug":"cyoa-choose-your-own-adventure","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/2025\/12\/01\/cyoa-choose-your-own-adventure\/","title":{"rendered":"CYOA (Choose Your Own Adventure)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"792\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225309783.png\" alt=\"\" class=\"wp-image-6243\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225309783.png 910w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225309783-300x261.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225309783-768x668.png 768w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"713\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-1024x713.png\" alt=\"\" class=\"wp-image-6244\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-1024x713.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-300x209.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-768x534.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-1536x1069.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751-1568x1091.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4338\/2025\/12\/image_2025-11-30_225332751.png 1578w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This week I mostly cleaned up some of my HTML, including removing an extra container that wasn\u2019t doing anything. I also added a gallery with a lightbox system. Getting the lightbox to feel intentional took a bit of work, especially adjusting the background, spacing, and borders so the expanded images looked clean instead of accidental. Most of my time was spent refining the layout so the gallery and lightbox feel cohesive and visually consistent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the website&nbsp;<a href=\"https:\/\/mattiascelaya.github.io\/insectarium-adventure\">https:\/\/mattiascelaya.github.io\/insectarium-adventure<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And here\u2019s the code&nbsp;<a href=\"https:\/\/github.com\/mattiascelaya\/insectarium-adventure\">https:\/\/github.com\/mattiascelaya\/insectarium-adventure<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I mostly cleaned up some of my HTML, including removing an extra container that wasn\u2019t doing anything. I also added a gallery with a lightbox system. Getting the lightbox to feel intentional took a bit of work, especially adjusting the background, spacing, and borders so the expanded images looked clean instead of accidental.&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/2025\/12\/01\/cyoa-choose-your-own-adventure\/\">Continue reading <span class=\"screen-reader-text\">CYOA (Choose Your Own Adventure)<\/span><\/a><\/p>\n","protected":false},"author":10719,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-6242","post","type-post","status-publish","format-standard","hentry","category-website","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/posts\/6242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/users\/10719"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/comments?post=6242"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/posts\/6242\/revisions"}],"predecessor-version":[{"id":6245,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/posts\/6242\/revisions\/6245"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/media?parent=6242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/categories?post=6242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/tags?post=6242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}