{"id":359,"date":"2024-12-10T12:27:49","date_gmt":"2024-12-10T20:27:49","guid":{"rendered":"https:\/\/dulce.matmcc.org\/creative-journal\/?p=359"},"modified":"2024-12-11T17:26:17","modified_gmt":"2024-12-12T01:26:17","slug":"wireframes-2","status":"publish","type":"post","link":"https:\/\/dulce.matmcc.org\/creative-journal\/wireframes-2\/","title":{"rendered":"Wireframes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I create mobile and desktop versions of two pages. The first is the home page and the second is the gallery page where student work would be showcased and categorized by class. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Home Page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Note: These images are very long so I&#8217;ve made them downloadable instead of visible. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-b00c990c-3390-4bab-8585-ec522c239e21\" href=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Home-Android-Compact-2.png\" target=\"_blank\" rel=\"noreferrer noopener\">Home &#8211; Android Compact<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-d288537c-0c01-4da5-86dd-e432b7925a0b\" href=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Home-MacBook-Pro-14_.png\" target=\"_blank\" rel=\"noreferrer noopener\">Home &#8211; MacBook Pro 14<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-842e55c2 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Top:<\/strong> Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 1:<\/strong> Quote<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 2:<\/strong> Nature<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 3:<\/strong> The Sky<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 4:<\/strong> Black &amp; White<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 5:<\/strong> Blur<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 5:<\/strong> Case Studies<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bottom:<\/strong> Footer<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Headings would be links to their pages. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sample Main Category Page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Note: These images are very long so I&#8217;ve made them downloadable instead of visible.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-f70c89c6-6af6-426b-990e-ef128797ab3d\" href=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Main-Category-Android-Compact-1.png\" target=\"_blank\" rel=\"noreferrer noopener\">Main Category &#8211; Android Compact<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-51ba001a-7b9f-4992-b85f-14864e9cc486\" href=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Main-Category-MacBook-Pro-14-1.png\" target=\"_blank\" rel=\"noreferrer noopener\">Main Category &#8211; MacBook Pro 14<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-842e55c2 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Top:<\/strong> Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 1:<\/strong> Title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 2:<\/strong> Main Category Photos<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 3:<\/strong> Sub Category 1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 4:<\/strong> Sub Category 2<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 4:<\/strong> Sub Category 3<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bottom:<\/strong> Footer<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Headings would be links to their pages. <\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sample Sub Category Page<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded40d521&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded40d521\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-unset-1 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"205\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-Android-Compact-205x1024.png\" alt=\"\" class=\"wp-image-309\" style=\"width:127px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-Android-Compact-205x1024.png 205w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-Android-Compact-60x300.png 60w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-Android-Compact-410x2048.png 410w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-Android-Compact.png 412w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded40db84&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded40db84\" class=\"wp-block-image aligncenter size-large wp-duotone-unset-2 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"744\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-MacBook-Pro-14-1024x744.png\" alt=\"\" class=\"wp-image-316\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-MacBook-Pro-14-1024x744.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-MacBook-Pro-14-300x218.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-MacBook-Pro-14-768x558.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sub-Category-MacBook-Pro-14.png 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-842e55c2 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Top:<\/strong> Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 1:<\/strong> Title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 2:<\/strong> Gallery w\/ title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bottom:<\/strong> Footer<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Case Studies Page<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded40e9d3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded40e9d3\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-unset-3 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"205\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-Android-Compact-205x1024.png\" alt=\"\" class=\"wp-image-311\" style=\"width:127px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-Android-Compact-205x1024.png 205w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-Android-Compact-60x300.png 60w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-Android-Compact-410x2048.png 410w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-Android-Compact.png 412w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded40f0ed&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded40f0ed\" class=\"wp-block-image aligncenter size-large wp-duotone-unset-4 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"744\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-MacBook-Pro-14_-1024x744.png\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-MacBook-Pro-14_-1024x744.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-MacBook-Pro-14_-300x218.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-MacBook-Pro-14_-768x558.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Case-Studies-MacBook-Pro-14_.png 1512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-842e55c2 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Top:<\/strong> Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 1:<\/strong> Title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 2:<\/strong> Case Studies with title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bottom:<\/strong> Footer<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on the image or the title would take the user to the Case Study page.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sample Case Study Page<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded4102bb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded4102bb\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-unset-5 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"219\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-Android-Compact-219x1024.png\" alt=\"\" class=\"wp-image-314\" style=\"width:127px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-Android-Compact-219x1024.png 219w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-Android-Compact-64x300.png 64w\" sizes=\"auto, (max-width: 219px) 100vw, 219px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fded41084d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fded41084d\" class=\"wp-block-image aligncenter size-large wp-duotone-unset-6 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-663x1024.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-663x1024.png 663w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-194x300.png 194w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-768x1186.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-995x1536.png 995w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14-1327x2048.png 1327w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Sample-Case-Study-MacBook-Pro-14.png 1512w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-842e55c2 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Top:<\/strong> Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 1:<\/strong> Title<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Section 2:<\/strong> Content w\/ images<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bottom:<\/strong> Footer<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The layout for each Case Study Page would vary depending on the content I wrote for it.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n","protected":false},"excerpt":{"rendered":"<p>I create mobile and desktop versions of two pages. The first is the home page and the second is the gallery page where student work would be showcased and categorized by class. Home Page Note: These images are very long so I&#8217;ve made them downloadable instead of visible. Top: Navigation Section 1: Quote Section 2: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[10,17,28],"class_list":["post-359","post","type-post","status-publish","format-standard","hentry","category-portfolio","tag-design","tag-figma","tag-wireframes"],"_links":{"self":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":5,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/359\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/359\/revisions\/467"}],"wp:attachment":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/media?parent=359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/categories?post=359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/tags?post=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}