{"id":57,"date":"2024-10-14T22:45:24","date_gmt":"2024-10-15T06:45:24","guid":{"rendered":"https:\/\/dulce.matmcc.org\/creative-journal\/?p=57"},"modified":"2024-12-11T18:37:04","modified_gmt":"2024-12-12T02:37:04","slug":"block-editor-themes","status":"publish","type":"post","link":"https:\/\/dulce.matmcc.org\/creative-journal\/block-editor-themes\/","title":{"rendered":"Block Editor &amp; Themes"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Block Editor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress Block Editor transforms creating web pages into a much simpler process. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00eb75e5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00eb75e5\" class=\"wp-block-image aligncenter size-full wp-duotone-unset-1 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"412\" height=\"91\" 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\/10\/Screenshot-2024-10-13-at-6.26.19\u202fPM-1.png\" alt=\"\" class=\"wp-image-61\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-13-at-6.26.19\u202fPM-1.png 412w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-13-at-6.26.19\u202fPM-1-300x66.png 300w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><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\n\n\n<p class=\"wp-block-paragraph\">Elements of websites such as paragraphs, headings, images are referred to as &#8216;blocks&#8217; and can be arranged in a variety of ways to suit the needs of the user. Blocks can be accessed by pressing the blue plus button. Patterns are also reached this way, which are sets of blocks used to create a section of a website. For example, a header with a navigation block and a site logo. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The 3 lines open the list view and the outline view. The list view shows a list of all the blocks while the outline view gives an outline of the page using the headings present.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Options on the right change depending on what is currently being edited. There are options such as text size, text color, letter spacing, etc for Paragraph blocks. However, for a separator block, those options become style, margin, and background color<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-x-large-font-size\">Other Notes<\/h3>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Categories &amp; Query Loops<\/summary>\n<ul class=\"wp-block-list\">\n<li>Categories are filterable&nbsp;and can be used to build navigation. For example, to categorize student work, the categories could be: Course, Software\/Tech, Genre (subcategories: Drafting, Architecture), and Events<\/li>\n\n\n\n<li>Query loops are blocks that display different posts based on set parameters <\/li>\n<\/ul>\n<\/details>\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\">Themes For Client Website<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-x-large-font-size\">Inspiration<\/h3>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Our client provided us with these websites:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.architecture.cmu.edu\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.architecture.cmu.edu<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/twbta.com\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/twbta.com<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.sciarc.edu\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.sciarc.edu<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.aus.edu\/caad\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.aus.edu\/caad<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In addition, on our figjam board, we have sections dedicated to what content will be used for which page. I kept this information in mind (but is subject to change in the future).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-alata-font-family has-x-large-font-size\">Research<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">As a result of my research into finding themes that could be suitable for our client&#8217;s website, I found two that could work.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-afacad-font-family\">Grabber<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Grabber uses the block editor and has several templates and patterns. It&#8217;s a template for a business that sells products, but it already has most of the parts we need. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00eb9a68&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00eb9a68\" class=\"wp-block-image size-large wp-duotone-unset-2 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" 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\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-1024x531.png\" alt=\"\" class=\"wp-image-70\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-1024x531.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-300x156.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-768x399.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-1536x797.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.19.21\u202fPM-2048x1063.png 2048w\" 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\n\n\n<p class=\"wp-block-paragraph\">Our client wants a hero image on nearly every page. The portion shown above can be altered to have a slide show and the buttons can be deleted. The social media icons and number at the top can be moved. <\/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\" style=\"flex-basis:66.66%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00eba290&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00eba290\" class=\"wp-block-image aligncenter size-full wp-duotone-unset-3 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"519\" 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\/10\/Screenshot-2024-10-14-at-4.20.58\u202fPM.png\" alt=\"\" class=\"wp-image-71\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.20.58\u202fPM.png 947w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.20.58\u202fPM-300x164.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.20.58\u202fPM-768x421.png 768w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><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\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\">Other content such as the description about the department, the video and information about studying abroad will mainly be static.<\/p>\n<\/div>\n<\/div>\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\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\">The same is said with this page where this information is static. The pattern below can be used to give information that doesn&#8217;t take much up space as policy, prices, and hours. The buttons and headings can be deleted. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebab03&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebab03\" class=\"wp-block-image aligncenter size-large wp-duotone-unset-4 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" 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\/10\/Screenshot-2024-10-14-at-4.22.09\u202fPM-1024x614.png\" alt=\"\" class=\"wp-image-72\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.22.09\u202fPM-1024x614.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.22.09\u202fPM-300x180.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.22.09\u202fPM-768x461.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.22.09\u202fPM.png 1032w\" 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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebb028&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebb028\" class=\"wp-block-image size-large wp-duotone-unset-5 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" 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\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-1024x531.png\" alt=\"\" class=\"wp-image-73\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-1024x531.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-300x156.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-768x398.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-1536x797.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.27\u202fPM-2048x1062.png 2048w\" 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\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s clear that the student showcase of work was the most important part of the website. Over time that showcase of work will become longer so I assume that these images should be organized in a blog-looking format.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebe443&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebe443\" class=\"wp-block-image size-large wp-duotone-unset-6 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" 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\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-1024x531.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-1024x531.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-300x155.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-768x398.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-1536x796.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.17.50\u202fPM-2048x1061.png 2048w\" 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\n\n\n<p class=\"wp-block-paragraph\">This pattern for articles can be used for events on the homepage or for the gallery page. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our team also liked the use of color to break content into sections that Carnegie Mellon University has on their website (<a href=\"https:\/\/www.architecture.cmu.edu\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.architecture.cmu.edu<\/a>) which this template can certainly emulate.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebea9c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebea9c\" class=\"wp-block-image size-large wp-duotone-unset-7 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" 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\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-1024x531.png\" alt=\"\" class=\"wp-image-75\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-1024x531.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-300x155.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-768x398.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-1536x796.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.18.50\u202fPM-2048x1061.png 2048w\" 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\n\n\n<p class=\"wp-block-paragraph\">This portion can be used on the About page for information regarding staff or testimonials (which may or may not become part of the website). <\/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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebef73&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebef73\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-default-filter wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"852\" 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\/10\/Screenshot-2024-10-14-at-4.23.30\u202fPM-1024x852.png\" alt=\"\" class=\"wp-image-76\" style=\"width:315px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.23.30\u202fPM-1024x852.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.23.30\u202fPM-300x250.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.23.30\u202fPM-768x639.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.23.30\u202fPM.png 1032w\" 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\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Below is the footer. There are icons for social media already there which can link to the department social media. &#8216;Get In Touch&#8217; can display the contact information. In addition, the small bit of text underneath &#8216;theme test&#8217; (which can become a link back to the home page) can be a place to add the MCC design program and any other links that aren&#8217;t social platforms.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebf5ac&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebf5ac\" class=\"wp-block-image size-large is-resized wp-duotone-unset-8 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"273\" 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\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-1024x273.png\" alt=\"\" class=\"wp-image-77\" style=\"width:649px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-1024x273.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-300x80.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-768x205.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-1536x410.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-4.53.26\u202fPM-2048x546.png 2048w\" 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\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-afacad-font-family\">Travelsite<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The second theme I found also uses the block editor and was designed for a travel company. It has nearly 100 patterns and many of them could be used for what we need.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ebfb49&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ebfb49\" class=\"wp-block-image size-large wp-duotone-unset-9 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" 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\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-1024x529.png\" alt=\"\" class=\"wp-image-79\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-1024x529.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-300x155.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-768x397.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-1536x794.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-10.52.56\u202fPM-2048x1059.png 2048w\" 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\n\n\n<p class=\"wp-block-paragraph\">The very top of the page is this full screen banner which, if you look back at the content for the home page, goes along with the clients wants. The buttons can be removed and the extra space in the navigation could be used to add a site logo. <\/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\" style=\"flex-basis:60%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ec014d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ec014d\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-unset-10 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" 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\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-1024x529.png\" alt=\"\" class=\"wp-image-80\" style=\"width:377px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-1024x529.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-300x155.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-768x396.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-1536x793.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.00.59\u202fPM-2048x1057.png 2048w\" 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\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ec061a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ec061a\" class=\"wp-block-image aligncenter size-large is-resized wp-duotone-unset-11 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" 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\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-1024x521.png\" alt=\"\" class=\"wp-image-81\" style=\"width:378px;height:auto\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-1024x521.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-300x153.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-768x391.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-1536x782.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.05.16\u202fPM-2048x1042.png 2048w\" 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\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ec0ab6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ec0ab6\" class=\"wp-block-image aligncenter size-large wp-duotone-unset-12 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" 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\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-1024x390.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-1024x390.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-300x114.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-768x293.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-1536x585.png 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.01.45\u202fPM-2048x780.png 2048w\" 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\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"wp-block-paragraph\">These three images can be used for events or the student showcase. Here are my ideas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Image 1 &amp; 2 &#8211;  These may be more suitable for student showcase images. Image 1 can be on the full student showcase page with a smaller caption than what&#8217;s being displayed since less information will be written such as the student&#8217;s name, the class it was created in, or the date. Image 2 could be a snippet of the student showcase that&#8217;s on the home page and if you hover over one of the images the  course name (ex: DESN 101) pops up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Image 3 &#8211; This pattern is suitable for the events section. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike Grabber, this theme has many more patterns that can be utilized. An example is this pattern (below) that isn&#8217;t used on the initial home page that appears when you first download the theme. As said, our client wants a hero image on nearly every page so a pattern for an about page that already has a hero image is helpful. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe00ec11b7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe00ec11b7\" class=\"wp-block-image size-large wp-duotone-unset-13 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"920\" 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\/10\/Screenshot-2024-10-14-at-11.03.01\u202fPM-1024x920.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.03.01\u202fPM-1024x920.png 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.03.01\u202fPM-300x269.png 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.03.01\u202fPM-768x690.png 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-14-at-11.03.01\u202fPM.png 1295w\" 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<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n","protected":false},"excerpt":{"rendered":"<p>These are notes from class on 10\/10 about the block editor. There is also research into themes that my team could use for our client&#8217;s website.<\/p>\n","protected":false},"author":1,"featured_media":65,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,4],"tags":[57,58,40],"class_list":["post-57","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-class-work","category-notes","tag-block-editor","tag-themes","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/57","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=57"}],"version-history":[{"count":15,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/57\/revisions\/494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/media\/65"}],"wp:attachment":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}