{"id":1863,"date":"2023-12-12T13:32:38","date_gmt":"2023-12-12T18:32:38","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=1863"},"modified":"2023-12-12T15:02:08","modified_gmt":"2023-12-12T20:02:08","slug":"a-variety-of-posts","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/","title":{"rendered":"A Variety of Posts"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        A Variety of Posts\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;News&quot;,&quot;numberOfPosts&quot;&#x3A;2,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"news\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        News\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-23T02:03:06-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        How to Replace a Media File in cuTheme (Without Breaking Anything)\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Update your files while keeping the original URL exactly the same.\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/how-to-replace-a-media-file-in-cutheme-without-breaking-anything\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        How to Replace a Media File in cuTheme (Without Breaking Anything)\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-23T02:03:06-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Introducing the \u201cIn the Media\u201d Block!\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            We\u2019re excited to share a new way to highlight your media mentions \u2014 the In the Media block! This new feature makes it easy to&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2025\/introducing-the-in-the-media-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Introducing the \u201cIn the Media\u201d Block!\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;People&quot;,&quot;cardBackground&quot;&#x3A;&quot;grey&quot;,&quot;numberOfPosts&quot;&#x3A;3,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;showEmail&quot;&#x3A;true,&quot;showPhone&quot;&#x3A;true,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"people\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        People\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                            <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\n        <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                            Andrew\n                Riddles\n                    <\/h3>\n    <\/header>\n    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6132768001\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Profile\n            <span class=\"sr-only\">\n                for\n                Andrew Riddles\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                            <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\n        <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                            Danniel\n                Johnson\n                    <\/h3>\n    <\/header>\n    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135204321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Profile\n            <span class=\"sr-only\">\n                for\n                Danniel Johnson\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\n                            <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\n        <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                            Sarah \n                Lamb\n                    <\/h3>\n    <\/header>\n    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6131234567\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Profile\n            <span class=\"sr-only\">\n                for\n                Sarah  Lamb\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Events&quot;,&quot;numberOfPosts&quot;&#x3A;2,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&quot;&#x3A;false&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"events\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Events\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            event\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                      \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                                      \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                            \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;4,&quot;blockHeader&quot;&#x3A;&quot;Videos&quot;,&quot;cardBackground&quot;&#x3A;&quot;grey&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_video&quot;,&quot;taxName&quot;&#x3A;&quot;cu_video_type&quot;,&quot;order&quot;&#x3A;&quot;DESC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showFilter&quot;&#x3A;false,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-7xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"videos\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Videos\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            video\n\n            posts are available.\n        <\/p>\n\n                <div class=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100\">\n                    \n                        \n            <div class=\"relative pt-[56.25%] bg-cu-black-800 mb-2 rounded-t-lg overflow-hidden\">\n            <iframe title=\"YouTube Embed\" src=\"https:\/\/www.youtube.com\/embed\/DXWT3LGORVs?si=j85CGnkoiidWbhUZ?autoplay=0&amp;mute=0&amp;controls=1&amp;origin=https%3A%2F%2Flocalhost&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&amp;modestbranding=1&amp;enablejsapi=1&amp;widgetid=17\" class=\"absolute top-0 left-0 w-full h-full\" allowfullscreen><\/iframe>\n        <\/div>\n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        NBA Highlights-Suns at Jazz\n    <\/h3>\n\n            <\/header>\n\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100\">\n                    \n                        \n            <div class=\"relative pt-[56.25%] bg-cu-black-800 mb-2 rounded-t-lg overflow-hidden\">\n            <iframe title=\"YouTube Embed\" src=\"https:\/\/www.youtube.com\/embed\/y0sF5xhGreA?si=7p2hEHJsu-4ravCc?autoplay=0&amp;mute=0&amp;controls=1&amp;origin=https%3A%2F%2Flocalhost&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&amp;modestbranding=1&amp;enablejsapi=1&amp;widgetid=17\" class=\"absolute top-0 left-0 w-full h-full\" allowfullscreen><\/iframe>\n        <\/div>\n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Cute Kittens\n    <\/h3>\n\n            <\/header>\n\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100\">\n                    \n                        \n            <div class=\"relative pt-[56.25%] bg-cu-black-800 mb-2 rounded-t-lg overflow-hidden\">\n            <iframe title=\"YouTube Embed\" src=\"https:\/\/www.youtube.com\/embed\/jTMcmWGBcIc?autoplay=0&amp;mute=0&amp;controls=1&amp;origin=https%3A%2F%2Flocalhost&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&amp;modestbranding=1&amp;enablejsapi=1&amp;widgetid=17\" class=\"absolute top-0 left-0 w-full h-full\" allowfullscreen><\/iframe>\n        <\/div>\n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        CMS Training-Logging in\n    <\/h3>\n\n            <\/header>\n\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100\">\n                    \n                        \n            <div class=\"relative pt-[56.25%] bg-cu-black-800 mb-2 rounded-t-lg overflow-hidden\">\n            <iframe title=\"YouTube Embed\" src=\"https:\/\/www.youtube.com\/embed\/QsR50Qi0gfA?si=zwSlOSBH36E9Z-NS?autoplay=0&amp;mute=0&amp;controls=1&amp;origin=https%3A%2F%2Flocalhost&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&amp;modestbranding=1&amp;enablejsapi=1&amp;widgetid=17\" class=\"absolute top-0 left-0 w-full h-full\" allowfullscreen><\/iframe>\n        <\/div>\n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Carleton University\n    <\/h3>\n\n            <\/header>\n\n<\/div>\n\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":76,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-1863","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=1863"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1863\/revisions"}],"predecessor-version":[{"id":1868,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1863\/revisions\/1868"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/76"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=1863"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=1863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}