{"id":20183,"date":"2024-06-07T23:29:14","date_gmt":"2024-06-08T03:29:14","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/cutheme-homepage\/"},"modified":"2026-03-05T14:21:58","modified_gmt":"2026-03-05T19:21:58","slug":"cutheme-homepage","status":"publish","type":"page","link":"https:\/\/carleton.ca\/webservices\/","title":{"rendered":"Web Services &#8211; Carleton University"},"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-max  md:space-y-10 cu-prose-first-last\">\n\n        \n                    \n                    \n            \n    <div class=\"cu-wideimage relative flex items-center justify-center mx-auto px-8 overflow-hidden md:px-16 rounded-xl not-prose  my-6 md:my-12 first:mt-0 bg-opacity-50 bg-cover bg-cu-black-50 py-24 md:py-28 lg:py-36 xl:py-48\" style=\"background-image: url(https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/2024\/06\/wideimage-home.jpg); background-position: 48% 35%;\">\n\n                    <div class=\"absolute top-0 w-full h-screen\" style=\"background-color:rgba(0,0,0,0.750);\"><\/div>\n        \n        <div class=\"relative z-[2] max-w-4xl w-full flex flex-col items-center gap-2 cu-wideimage-image cu-zero-first-last\">\n            <header class=\"mx-auto mb-6 text-center text-white cu-pageheader cu-component-updated cu-pageheader--center md:mb-12\">\n\n                                    <h1 class=\"cu-prose-first-last font-semibold mb-2 text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] cu-pageheader--center text-center mx-auto after:left-px\">\n                        Welcome to Web Services\n                    <\/h1>\n                \n                                    \n\n<p>We are a team of web professionals and enthusiasts committed to designing, developing, and maintaining Carleton&#8217;s web presence.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d 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\/webservices\/support-training\/\">Request Support<\/a><\/div>\n<\/div>\n\n\n                            <\/header>\n        <\/div>\n\n            <\/div>\n\n    \n\n    <\/div>\n<\/section>\n\n\n\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                \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<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            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/2024\/06\/writing-code-1.jpg\" alt=\"Coding on a macbook\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        cuTheme\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Our brand new WordPress content management configuration is here, and it\u2019s pretty awesome!\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/webservices\/cutheme\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Get Started with CU Theme\n                <\/a>\n            <\/footer>\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            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/2024\/06\/using-cellphone.jpg\" alt=\"Using a cell phone\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Ecommerce\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    This in-house online payment service is tailored for the Carleton community.\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/webservices\/ecommerce\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read about CU Ecommerce\n                <\/a>\n            <\/footer>\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            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/2024\/06\/raven-flying.jpg\" alt=\"A flying raven\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Raven Design System\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    RDS is the Carleton University&#8217;s design framework and React component library.\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/webservices\/raven-design-system\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Learn More about RDS\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--grey cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Recent&#x20;News&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;moreButton&quot;&#x3A;&quot;viewmore&quot;,&quot;pageLink&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;carleton.ca&#x5C;&#x2F;webservices&#x5C;&#x2F;news-updates&#x5C;&#x2F;&quot;,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;numberOfPosts&quot;&#x3A;6,&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;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 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=\"recent-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        Recent 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        \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                                            <\/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        cuTheme Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2025\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\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        \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                                            <\/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        Yes it\u2019s portable, but is it accessible? PDFs and a11y\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Portable Document Files (PDFs) \u2013 we rely on them to convey a lot of information at Carleton. They are very useful &#8211; for the appropriate&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2026\/yes-its-portable-but-is-it-accessible-pdfs-and-a11y\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Yes it\u2019s portable, but is it accessible? PDFs and a11y\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        \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                                            <\/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        Don\u2019t be the weakest link\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Understanding link language Hyperlinks are the simple but essential snippet of technology that make the internet possible. (If they didn\u2019t exist, imagine typing addresses every&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2026\/dont-be-the-weakest-link\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Don\u2019t be the weakest link\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        \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                                            <\/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        Upcoming Launch of the New University Event Calendar\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            We\u2019re excited to announce that the University Event Calendar is being upgraded to a new, modern version.\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2025\/upcoming-launch-of-the-new-university-event-calendar\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Upcoming Launch of the New University Event Calendar\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        \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                                            <\/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        New Web Accessibility website launches\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Web Services in ITS\u00a0has launched a new website focused on best practices for creating accessible content on Carleton websites. The\u00a0Web Accessibility\u00a0site highlights 10\u201315 commonly overlooked&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2025\/new-web-accessibility-website-launches\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        New Web Accessibility website launches\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        \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                                            <\/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        cuTheme Rollout: Phase 2 Begins!\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            We\u2019re thrilled to share that Phase 2 of our cuTheme migration is officially underway. After a successful initial rollout, we are now focusing on the&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2025\/cutheme-rollout-phase-2-begins\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Rollout: Phase 2 Begins!\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                            <div class=\"flex flex-wrap justify-center gap-5 cu-buttongroup md:flex-1\">\n    <a href=\"https:\/\/carleton.ca\/webservices\/news-updates\/\" class=\"cu-view-more cu-button not-prose cu-button--dark-grey\">\n        View More\n    <\/a>\n<\/div>\n                    \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"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":[236],"class_list":["post-20183","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=20183"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20183\/revisions"}],"predecessor-version":[{"id":21373,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20183\/revisions\/21373"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=20183"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/cu_page_type?post=20183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}