Emergency Bar
The emergency bar is used to display Maroon Alerts across all websites campus wide.
Usage
- Do not modify or reuse any of this code or design for anything on your website.
- Please include the javascript asset below before the closing
<body>of all pages on your website. - You can test if the code is working by adding
?bannertest=Yto any url, e.g. https://www.msstate.edu/?bannertest=Y
Javascript
<script src="https://cdn01.its.msstate.edu/i/emergency/1.6/hazard.js"></script>You won't see the below preview unless you add ?bannertest=Y to this page because the css is only inserted when the banner is inserted via the javascript.
MAROON ALERT Banner Test - Incident Name MORE INFO on this emergency
HTML
<section id="hazard-1" class="hazard-alert hazard" data-aria-polite="assertive" aria-label="Hazard Banner 1">
<p><span class="title">MAROON ALERT</span> Banner Test - Incident Name <a href="https://www.emergency.msstate.edu/">MORE INFO<span class="sr-only"> on this emergency</span></a></p>
</section>