{"id":3006,"date":"2024-02-28T09:42:50","date_gmt":"2024-02-28T14:42:50","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=3006"},"modified":"2024-09-18T20:31:20","modified_gmt":"2024-09-19T00:31:20","slug":"file-cards","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/file-cards\/","title":{"rendered":"File Cards"},"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                        File Cards\n                    <\/h1>\n                \n                                \n                                    \n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/\">How to: Card Blocks<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>This human feeds me, i should be a god&nbsp;hate dogs&nbsp;yet&nbsp;a nice warm laptop for me to sit on.&nbsp;Decide to want nothing to do with my owner today&nbsp;so you&#8217;re just gonna scroll by without saying meowdy?&nbsp;&nbsp;get scared by sudden appearance of cucumber&nbsp;but&nbsp;the dog smells bad&nbsp;&nbsp;cats are fats i like to pets them they like to meow back&nbsp;for chew iPad power cord.&nbsp;<\/p>\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;Block&#x20;Defaults&quot;,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_file&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;numberOfPosts&quot;&#x3A;6,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_file_type&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=\"block-defaults\" 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        Block Defaults\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            file\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                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-pdf.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        A PDF File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/PDF-file-.pdf\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    A PDF File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet (xlsx)\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet (xlsx)\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Doc\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Doc\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Docx\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Docx\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-ppt.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        PowerPoint File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    PowerPoint File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p><\/p>\n\n\n\n<p>This human feeds me, i should be a god&nbsp;hate dogs&nbsp;yet&nbsp;a nice warm laptop for me to sit on.&nbsp;Decide to want nothing to do with my owner today&nbsp;so you&#8217;re just gonna scroll by without saying meowdy?&nbsp;&nbsp;get scared by sudden appearance of cucumber&nbsp;but&nbsp;the dog smells bad&nbsp;&nbsp;cats are fats i like to pets them they like to meow back&nbsp;for chew iPad power cord.&nbsp;<\/p>\n\n\n\n<p>Blow up sofa in 3 seconds.&nbsp;I like frogs and 0 gravity&nbsp;hide when guests come over, and ha ha, you&#8217;re funny i&#8217;ll kill you last, so&nbsp;i&#8217;m bored inside, let me out i&#8217;m lonely outside, let me in i can&#8217;t make up my mind whether to go in or out, guess i&#8217;ll just stand partway in and partway out, contemplating the universe for half an hour how dare you nudge me with your foot?!?! leap into the air in greatest offense! <\/p>\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;2,&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&#x20;at&#x20;2&#x20;Col&quot;,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_file&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_file_type&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=\"block-defaults-at-2-col\" 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        Block Defaults at 2 Col\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            file\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-2 gap-6 md:gap-10\">\n                        \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-pdf.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        A PDF File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/PDF-file-.pdf\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    A PDF File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet (xlsx)\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet (xlsx)\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Doc\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Doc\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Docx\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Docx\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-ppt.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        PowerPoint File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    PowerPoint File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>This human feeds me, i should be a god&nbsp;hate dogs&nbsp;yet&nbsp;a nice warm laptop for me to sit on.&nbsp;Decide to want nothing to do with my owner today&nbsp;so you&#8217;re just gonna scroll by without saying meowdy?&nbsp;&nbsp;get scared by sudden appearance of cucumber&nbsp;but&nbsp;the dog smells bad&nbsp;&nbsp;cats are fats i like to pets them they like to meow back&nbsp;for chew iPad power cord.&nbsp;<\/p>\n\n\n\n<p>Blow up sofa in 3 seconds.&nbsp;I like frogs and 0 gravity&nbsp;hide when guests come over, and ha ha, you&#8217;re funny i&#8217;ll kill you last, so&nbsp;i&#8217;m bored inside, let me out i&#8217;m lonely outside, let me in i can&#8217;t make up my mind whether to go in or out, guess i&#8217;ll just stand partway in and partway out, contemplating the universe for half an hour how dare you nudge me with your foot?!?! leap into the air in greatest offense! <\/p>\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;Block&#x20;Defaults&#x20;at&#x20;4&#x20;Col&quot;,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_file&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_file_type&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-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=\"block-defaults-at-4-col\" 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        Block Defaults at 4 Col\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            file\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    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-pdf.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        A PDF File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/PDF-file-.pdf\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    A PDF File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet (xlsx)\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet (xlsx)\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Doc\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Doc\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Docx\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Docx\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-ppt.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        PowerPoint File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    PowerPoint File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>This human feeds me, i should be a god&nbsp;hate dogs&nbsp;yet&nbsp;a nice warm laptop for me to sit on.&nbsp;Decide to want nothing to do with my owner today&nbsp;so you&#8217;re just gonna scroll by without saying meowdy?&nbsp;&nbsp;get scared by sudden appearance of cucumber&nbsp;but&nbsp;the dog smells bad&nbsp;&nbsp;cats are fats i like to pets them they like to meow back&nbsp;for chew iPad power cord.&nbsp;<\/p>\n\n\n\n<p>Blow up sofa in 3 seconds.&nbsp;I like frogs and 0 gravity&nbsp;hide when guests come over, and ha ha, you&#8217;re funny i&#8217;ll kill you last, so&nbsp;i&#8217;m bored inside, let me out i&#8217;m lonely outside, let me in i can&#8217;t make up my mind whether to go in or out, guess i&#8217;ll just stand partway in and partway out, contemplating the universe for half an hour how dare you nudge me with your foot?!?! leap into the air in greatest offense! <\/p>\n\n\n\n<p><\/p>\n\n\n    \n\n\n\n                                                                                                                                                                                                                                                                                                                                                                            \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--grey cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Grey&#x20;Background&#x20;on&#x20;Block&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_file&quot;,&quot;currentPage&quot;&#x3A;1,&quot;numberOfColumns&quot;&#x3A;3,&quot;numberOfPosts&quot;&#x3A;6,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_file_type&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 bg-cu-black-50 max-w-screen-2xl mx-auto rounded-xl px-6 py-5 md:px-14 md:py-12 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=\"grey-background-on-block\" 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        Grey Background on Block\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            file\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                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-pdf.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        A PDF File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/PDF-file-.pdf\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    A PDF File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-xls.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        Excel Spreadsheet (xlsx)\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    Excel Spreadsheet (xlsx)\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Doc\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Doc\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-doc.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        MS Word Docx\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    MS Word Docx\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n            \n                    \n    \n    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-lg flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 \">\n    <figure class=\"flex items-center justify-center w-10 h-10 mx-6 mt-6 mb-2 overflow-hidden \">\n        <img decoding=\"async\" src=\"https:\/\/cdn.carleton.ca\/rds\/assets\/font-awesome\/file-ppt.svg\" alt=\"An icon of a saxophone\" class=\"cu-icon-thumb \" style=\"filter: invert(20%) sepia(50%) saturate(7177%) hue-rotate(348deg) brightness(91%) contrast(100%);\"><\/figure>\n\n        \n            <header class=\"flex flex-col gap-3  px-6 text-left 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        PowerPoint File\n    <\/h3>\n\n            <\/header>\n\n\n        <div class=\"flex flex-col px-6 text-left\">\n            <p class=\"text-base text-cu-black-700\">\n                \n            <\/p>\n        <\/div>\n        <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n            <a href=\"\" class=\"cu-button cu-button--red cu-button--small\">\n                Download\n                <span class=\"sr-only\">\n                    PowerPoint File\n                <\/span>\n            <\/a>\n        <\/footer>\n    <\/div>\n    \n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This human feeds me, i should be a god&nbsp;hate dogs&nbsp;yet&nbsp;a nice warm laptop for me to sit on.&nbsp;Decide to want nothing to do with my owner today&nbsp;so you&#8217;re just gonna scroll by without saying meowdy?&nbsp;&nbsp;get scared by sudden appearance of cucumber&nbsp;but&nbsp;the dog smells bad&nbsp;&nbsp;cats are fats i like to pets them they like to meow [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":751,"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-3006","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\/3006","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=3006"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3006\/revisions"}],"predecessor-version":[{"id":4245,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3006\/revisions\/4245"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/751"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=3006"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=3006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}