{"id":519,"date":"2025-10-16T09:51:08","date_gmt":"2025-10-16T13:51:08","guid":{"rendered":"https:\/\/www.clarku.edu\/wordpress\/?page_id=519"},"modified":"2026-02-03T09:32:23","modified_gmt":"2026-02-03T14:32:23","slug":"showcase","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/","title":{"rendered":"Showcase"},"content":{"rendered":"\n<p class=\"is-style-intro\">Use a showcase to display several tangential pieces of information.<\/p>\n\n\n\n<p>When you need to communicate related ideas to your main topic, a showcase provides a mechanism to present these ideas in a short, punchy, and impactful way.  We use one on the homepage to provide a slice of everything Clark, and we update it frequently to reflect what&#8217;s happening on campus, and to support current institutional messages.  We frequently use it on academic programs as a way to convey several related ideas like career outcomes, curriculum requirements, and alumni success stories.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-it-works\">How it works<\/h2>\n\n\n\n<p>A showcase contains two columns that display side-by-side on wider screens, but become linear on mobile.  When shown side by side, the first column will stay on the screen until the second column is scrolled past.  When both columns are the same height, there is no effect.<\/p>\n\n\n<clark-showcase class=\"\" stickTo=\"bottom\">\n\t\n<div class=\"lcol showcase-col\"><div class=\"showcase-col-content\">\n\n<div class=\"wp-block-group has-white-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\"><div style=\"color:inherit\" class=\"eyebrow  has-text-align-left\">Altogether different<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg\" alt=\"A student wearing a Clarkie hat\" class=\"wp-image-408\" srcset=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg 750w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie-300x200.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-purple-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\"><div style=\"color:var(--clarku-color-white)\" class=\"eyebrow  has-text-align-left\">For the greater good<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1024x683.jpg\" alt=\"students walking through autumn leaves\" class=\"wp-image-59\" srcset=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1024x683.jpg 1024w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-300x200.jpg 300w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-768x512.jpg 768w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1536x1024.jpg 1536w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div><\/div>\n\n<div class=\"showcase-col\"><div class=\"showcase-col-content\">\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-green-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\"><div style=\"color:var(--clarku-color-white)\" class=\"eyebrow  has-text-align-left\">Altogether different<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1024x683.jpg\" alt=\"students walking through autumn leaves\" class=\"wp-image-59\" srcset=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1024x683.jpg 1024w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-300x200.jpg 300w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-768x512.jpg 768w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-1536x1024.jpg 1536w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/fall-foliage-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-teal-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\"><div style=\"color:inherit\" class=\"eyebrow  has-text-align-left\">For the greater good<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg\" alt=\"A student wearing a Clarkie hat\" class=\"wp-image-408\" srcset=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg 750w, https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie-300x200.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n<\/div><\/div>\n<\/clark-showcase>\n","protected":false},"excerpt":{"rendered":"<p>Use a showcase to display several tangential pieces of information. When you need to communicate related ideas to your main topic, a showcase provides a mechanism to present these ideas in a short, punchy, and impactful way. We use one on the homepage to provide a slice of everything Clark, and we update it frequently [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":13,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-519","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Showcase - ClarkU WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showcase\" \/>\n<meta property=\"og:description\" content=\"Use a showcase to display several tangential pieces of information. When you need to communicate related ideas to your main topic, a showcase provides a mechanism to present these ideas in a short, punchy, and impactful way. We use one on the homepage to provide a slice of everything Clark, and we update it frequently [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/\" \/>\n<meta property=\"og:site_name\" content=\"ClarkU WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-03T14:32:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/\",\"name\":\"Showcase - ClarkU WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-content\\\/uploads\\\/sites\\\/32\\\/clarkie.jpg\",\"datePublished\":\"2025-10-16T13:51:08+00:00\",\"dateModified\":\"2026-02-03T14:32:23+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/components\\\/showcase\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-content\\\/uploads\\\/sites\\\/32\\\/clarkie.jpg\",\"contentUrl\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-content\\\/uploads\\\/sites\\\/32\\\/clarkie.jpg\",\"width\":750,\"height\":500,\"caption\":\"A student wearing a Clarkie hat\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/519#breadcrumbs\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":0,\"name\":\"ClarkU\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":1,\"name\":\"ClarkU WordPress\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/\",\"name\":\"ClarkU WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Showcase - ClarkU WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/","og_locale":"en_US","og_type":"article","og_title":"Showcase","og_description":"Use a showcase to display several tangential pieces of information. When you need to communicate related ideas to your main topic, a showcase provides a mechanism to present these ideas in a short, punchy, and impactful way. We use one on the homepage to provide a slice of everything Clark, and we update it frequently [&hellip;]","og_url":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/","og_site_name":"ClarkU WordPress","article_modified_time":"2026-02-03T14:32:23+00:00","og_image":[{"width":750,"height":500,"url":"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/","url":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/","name":"Showcase - ClarkU WordPress","isPartOf":{"@id":"https:\/\/www.clarku.edu\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/#primaryimage"},"image":{"@id":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg","datePublished":"2025-10-16T13:51:08+00:00","dateModified":"2026-02-03T14:32:23+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.clarku.edu\/wordpress\/components\/showcase\/#primaryimage","url":"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg","contentUrl":"https:\/\/www.clarku.edu\/wordpress\/wp-content\/uploads\/sites\/32\/clarkie.jpg","width":750,"height":500,"caption":"A student wearing a Clarkie hat"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/519#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"name":"ClarkU","item":"https:\/\/www.clarku.edu\/"},{"@type":"ListItem","position":1,"name":"ClarkU WordPress","item":"https:\/\/www.clarku.edu\/wordpress"}]},{"@type":"WebSite","@id":"https:\/\/www.clarku.edu\/wordpress\/#website","url":"https:\/\/www.clarku.edu\/wordpress\/","name":"ClarkU WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clarku.edu\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":10,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/519\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/519\/revisions\/732"}],"up":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/13"}],"wp:attachment":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}