{"id":179,"date":"2019-08-24T08:08:41","date_gmt":"2019-08-24T12:08:41","guid":{"rendered":"http:\/\/www.marshall.edu\/website\/?page_id=179"},"modified":"2026-03-02T13:58:33","modified_gmt":"2026-03-02T18:58:33","slug":"alerts","status":"publish","type":"page","link":"https:\/\/www.marshall.edu\/marsha\/alerts\/","title":{"rendered":"Alerts"},"content":{"rendered":"<p>The alert shortcode allows WordPress administrators to post an alert anywhere on their page. Alerts should be used for notifications or important information. Limit alerts to no more than two per page so they retain their impact.<\/p>\n<h2>Alert Shortcode<\/h2>\n<h3>mu_alert Parameters<\/h3>\n<ul>\n<li><strong>Type (type): <\/strong>Controls the alert color. Options:\n<ul>\n<li><code>gray<\/code> \u2014 Default. Light gray background with dark text.<\/li>\n<li><code>red<\/code> \u2014 Light red background with red text. Use for warnings or errors.<\/li>\n<li><code>green<\/code> \u2014 Green background with white text. Use for success or positive messages.<\/li>\n<li><code>black<\/code> \u2014 Black background with white text.<\/li>\n<li><code>white<\/code> \u2014 White background with dark text.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Title (title): <\/strong>Optional. Displays a bold uppercase title at the top of the alert. When a title is present, the icon is not shown.<\/li>\n<li><strong>Icon (icon): <\/strong>Optional. An icon displayed on the left side of the alert when no title is set. See the <a href=\"\/marsha\/marsha\/docs\/icons\/\">icons documentation<\/a> for available options.<\/li>\n<li><strong>Closeable (closeable): <\/strong>Optional. Set to <code>true<\/code> to add a dismiss button allowing users to hide the alert. Defaults to <code>false<\/code>.<\/li>\n<li><strong>CTA Link (cta_link): <\/strong>Optional. URL for a call-to-action button displayed inside the alert.<\/li>\n<li><strong>CTA Text (cta_text): <\/strong>Optional. Text for the CTA button. Defaults to <code>Learn More<\/code>.<\/li>\n<\/ul>\n\n\n\n<div class=\"flex flex-wrap justify-center items-stretch gap-8 cards-per-row-2\">\n\t\n\n\t\t\t<div class=\"card flex flex-col rounded-lg overflow-hidden relative transition-all duration-200 ease-out shadow-sm self-stretch\">\n\t\n\t\t\t\t<div class=\"absolute top-0 left-0 right-0 h-1 bg-linear-to-r from-green to-green-bright\"><\/div>\n\n\t\t<div class=\"p-6 pb-0 pt-7 bg-gray-50\">\n\t\t\t\t\t\t\t<div class=\"inline-flex items-center justify-center w-10 h-10 rounded-lg mb-4 bg-green\/10\">\n\t\t\t\t\t<svg data-slot=\"icon\" class=\"h-[18px] w-[18px] shrink-0 text-green\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"uppercase font-bold text-lg tracking-wider leading-tight text-gray-900\">\n\t\t\t\tDos\n\t\t\t<\/div>\n\n\t\t\t<div class=\"h-0.75 mt-4 w-10 bg-green\"><\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"px-6 pt-4 pb-7 flex flex-1 flex-col styled-list text-[15px] bg-gray-50 text-gray-500\">\n\t\t\t\t\t\t\t<div class=\"flex-1\">\n<ul>\n<li>Convey important or time-sensitive information<\/li>\n<li>Keep alert content concise \u2014 2\u20134 sentences maximum<\/li>\n<li>Use the appropriate type for the message (red for warnings, green for success)<\/li>\n<\/ul>\n<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<\/div>\n\t\n\n\t\t\t<div class=\"card flex flex-col rounded-lg overflow-hidden relative transition-all duration-200 ease-out shadow-sm self-stretch\">\n\t\n\t\t\t\t<div class=\"absolute top-0 left-0 right-0 h-1 bg-linear-to-r from-green to-green-bright\"><\/div>\n\n\t\t<div class=\"p-6 pb-0 pt-7 bg-gray-50\">\n\t\t\t\t\t\t\t<div class=\"inline-flex items-center justify-center w-10 h-10 rounded-lg mb-4 bg-green\/10\">\n\t\t\t\t\t<svg data-slot=\"icon\" class=\"h-[18px] w-[18px] shrink-0 text-green\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M4.929 4.929 19.07 19.071\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"uppercase font-bold text-lg tracking-wider leading-tight text-gray-900\">\n\t\t\t\tDon&#039;ts\n\t\t\t<\/div>\n\n\t\t\t<div class=\"h-0.75 mt-4 w-10 bg-green\"><\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"px-6 pt-4 pb-7 flex flex-1 flex-col styled-list text-[15px] bg-gray-50 text-gray-500\">\n\t\t\t\t\t\t\t<div class=\"flex-1\">\n<ul>\n<li>Use more than two alerts on a single page<\/li>\n<li>Use alerts for layout or decorative purposes<\/li>\n<li>Wrap alerts in other HTML tags or shortcodes<\/li>\n<\/ul>\n<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<\/div>\n\t\n\n<\/div>\n\n<h2>Icons<\/h2>\n<p>Here are the available <a href=\"\/marsha\/marsha\/docs\/icons\/\">icons<\/a> that you can use with this shortcode.<\/p>\n<h2>Alert Shortcode Examples<\/h2>\n<h3>Default Alert<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-gray-50 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\n\t\t\t<div class=\"flex-1  font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Red Alert<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-red-600 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\n\t\t\t<div class=\"flex-1  font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;red&quot;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Green Alert<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-green py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\n\t\t\t<div class=\"flex-1  font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;green&quot;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Black Alert<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-gray-900 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-gray-900\/10 rounded\">\n\n\t\t\t\n\t\t\t<div class=\"flex-1  font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;black&quot;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed varius leo, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Alert with Title and Icon<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-red-600 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\t\t\t\t<div class=\"flex items-start justify-between w-full lg:w-auto lg:max-w-72 shrink-0\">\n\t\t\t\t\t<div class=\"text-lg tracking-wide text-gray-600 mt-0.5\">Registration Deadline<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"flex-1 mt-4 lg:ml-6 lg:mt-0 py-0 pt-4 lg:py-0 lg:px-6 border-t lg:border-t-0 lg:border-l border-gray-900\/10 font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas <a href=\"\/marsha\/\">sed varius leo<\/a>, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;red&quot; title=&quot;Registration Deadline&quot; icon=&quot;warning&quot;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas &lt;a href=&quot;\/marsha\/&quot;&gt;sed varius leo&lt;\/a&gt;, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Dismissible Alert<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tx-data=\"{\n\t\tgenerateHash(str) {\n\t\t\tlet hash = 0;\n\t\t\tfor (let i = 0; i < str.length; i++) {\n\t\t\t\tconst char = str.charCodeAt(i);\n\t\t\t\thash = ((hash << 5) - hash) + char;\n\t\t\t\thash = hash & hash;\n\t\t\t}\n\t\t\treturn Math.abs(hash).toString(36);\n\t\t},\n\t\tget storageKey() {\n\t\t\tconst url = window.location.pathname;\n\t\t\tconst title = '';\n\t\t\tconst hashInput = url + title;\n\t\t\treturn 'alert-closed-' + this.generateHash(hashInput);\n\t\t},\n\t\tget isVisible() {\n\t\t\treturn !localStorage.getItem(this.storageKey);\n\t\t},\n\t\tclose() {\n\t\t\tlocalStorage.setItem(this.storageKey, 'true');\n\t\t\t$el.style.display = 'none';\n\t\t}\n\t}\"\n\tx-show=\"isVisible\"\n\tx-cloak\n\t\tclass=\"bg-green py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\t\t\t\t<div class=\"flex items-start justify-between shrink-0 mr-2\">\n\t\t\t\t\t<div class=\"text-gray-600 leading-none mt-0.5\"><svg data-slot=\"icon\" class=\"w-6 h-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\"\/><path d=\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\"\/><path d=\"M8 6v8\"\/><\/svg><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<button @click=\"close()\" class=\"lg:hidden ml-4\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" \/><\/svg>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"flex-1 mt-4 lg:ml-6 lg:mt-0 py-0 pt-4 lg:py-0 lg:px-6 border-t lg:border-t-0 lg:border-l border-gray-900\/10 font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas <a href=\"\/marsha\/\">sed varius leo<\/a>, sed sagittis libero.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"hidden lg:block\">\n\t\t\t\t\t<button @click=\"close()\" class=\"lg:ml-4\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" \/><\/svg>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;green&quot; icon=&quot;announcement&quot; closeable=&quot;true&quot;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas &lt;a href=&quot;\/marsha\/&quot;&gt;sed varius leo&lt;\/a&gt;, sed sagittis libero.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Alert with Call-to-Action Button<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\n\t\n<div\n\t\tclass=\"bg-red-600 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\t\t\t\t<div class=\"flex items-start justify-between w-full lg:w-auto lg:max-w-72 shrink-0\">\n\t\t\t\t\t<div class=\"text-lg tracking-wide text-gray-600 mt-0.5\">Applications Now Open<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"flex-1 mt-4 lg:ml-6 lg:mt-0 py-0 pt-4 lg:py-0 lg:px-6 border-t lg:border-t-0 lg:border-l border-gray-900\/10 font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Applications for the Fall 2025 semester are now open. Submit your application before the deadline.<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex-none mt-4 lg:mt-6 text-left\">\n\t\t\t\t\t\t\t<a\n\t\thref=\"https:\/\/www.marshall.edu\/admissions\/apply\/\"\n\t\t\n\t\ttarget=\"_self\"\n\t\tclass=\"right-arrow  \"\n\t\t\t\t\t>\n\t\t<span class=\"arrow-text\">Apply Now<\/span>\n\t\t<span class=\"arrow-wrapper\"><span class=\"arrow\"><\/span><\/span>\n\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_alert type=&quot;red&quot; title=&quot;Applications Now Open&quot; cta_link=&quot;https:\/\/www.marshall.edu\/admissions\/apply\/&quot; cta_text=&quot;Apply Now&quot;]Applications for the Fall 2025 semester are now open. Submit your application before the deadline.[\/mu_alert]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The alert shortcode allows WordPress administrators to post an alert anywhere on their page. Alerts should be used for notifications or important information. Limit alerts to no more than two per page so they retain their impact. Alert Shortcode mu_alert Parameters Type (type): Controls the alert color. Options: gray \u2014 Default. Light gray background with<\/p>\n","protected":false},"author":203,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sidebar-left.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":11,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":851,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/179\/revisions\/851"}],"wp:attachment":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}