CINXE.COM
EngageBSU
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"> <script> var jsPageName = "EngageBSU"; // pass strPageName to JavaScript, used in function setPageName() [accessibility.js] var jsAjaxRequest = ('0' === '1') ? true : false; </script> <!-- AX != 1 --> <script> var url = new URL(location.href); history.replaceState({type: ""} , '', url.pathname + url.search); </script> <head> <!-- META TAGS --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,requiresActiveX=true"> <meta name="apple-itunes-app" content="app-id=566688504, affiliate-data=myAffiliateData, app-argument=myURL"> <title>EngageBSU</title> <meta name="description" content="The campus engagement platform for Bridgewater State University - Powered by CampusGroups."> <meta name="title" content="Bridgewater State University"> <!-- Google Tag Manager --> <script> dataLayer = [{ 'signedIn': false }]; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-548G27F');</script> <!-- End Google Tag Manager --> <!-- CSS IMPORT --> <!-- FONT FOR DEV --> <link href="css/fonts/open-sans.css" rel="stylesheet" type="text/css" > <!-- FAVICON --> <link rel="icon" type="images/x-icon" href="/upload/bridgew/2024/s1_image_upload_2447305_Untitled_design_14_820113027.png"> <link rel="shortcut icon" type="images/x-icon" href="/upload/bridgew/2024/s1_image_upload_2447305_Untitled_design_14_820113027.png"> <!-- JQUERY UI --> <link rel="stylesheet" type="text/css" href="/bower_components/jquery-ui/themes/base/jquery-ui.min.css"> <!-- AUTOCOMPLETE --> <link rel="stylesheet" type="text/css" href="/js/jquery/jquery.autocomplete.css"> <!-- BOOTSTRAP & GLYPHICONS --> <link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap-multiselect/dist/css/bootstrap-multiselect.css"> <link rel="stylesheet" type="text/css" href="/glyphicons-pro/css/glyphicons-filetypes.css"> <!-- THICKBOX --> <link rel="stylesheet" type="text/css" href="/js/thickbox/thickbox.css"> <!-- JQUERY & FONT --> <script src="/bower_components/jquery/dist/jquery.min.js"></script> <script src="/bower_components/jquery-ui/jquery-ui.min.js"></script> <!-- BOOTSTRAP --> <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="/static/plugins/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> <script type="text/javascript" src="/js/accessibility.js?v=20240514.1"></script> <script type="text/javascript" src="/js/scripts.js?v=20230316.1"></script> <link rel="stylesheet" type="text/css" href="/bower_components/mdi/css/materialdesignicons.min.css"> <link rel="stylesheet" type="text/css" href="/static/css/materialdesigniconscustom.css"> <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20220425.1"> <link rel="stylesheet" type="text/css" href="/css/bootstrap-customV.css?v=20241007.1"> </head> <body class="body-background " data-menu=""> <!-- SKIP links - skip to top of main content --> <div id="div-skip-links" class="skip-link-container-mobile"> <span style="padding: 5px"><a id="a-skip-to-main-content" href="javascript:" class="skip-link" onclick="setFocusToContent(true);" aria-label="Skip to Main Content">Skip to Main Content</a></span> <span id="span-skip-to-left-navigation" style="padding: 5px; display: none;"><a id="a-skip-to-left-navigation" href="javascript:" class="skip-link" onclick="setFocusToSidebar();" aria-label="Skip to Navigation">Skip to Navigation</a></span> <!-- ACCESSIBILITY --> <script> // if we're on mobile we will not enable the skip links const isMobileDevice = /Mobi/i.test(window.navigator.userAgent); // console.log('> isMobileDevice=' + isMobileDevice); $(window).on('load', function () { if (!isMobileDevice) { var elem = document.getElementById('div-skip-links'); if (typeof elem !== undefined) { elem.classList.remove('skip-link-container-mobile'); elem.classList.add('skip-link-container'); } } }); </script> </div> <!-- School custom code --> <!-- End school custom code --> <!-- Google Tag Manager (noscript) --> <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-548G27F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> --> <!-- End Google Tag Manager (noscript) --> <!-- Modal --> <div id="primary-modal" class="modal fade" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <p class="loader"> <img alt="Loading" src="/images/loader-big.gif"> <br> Loading... </p> </div> </div> </div> <div id="secondary-modal" class="modal fade" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <p class="loader"> <img alt="Loading" src="/images/loader-big.gif"> <br> Loading... </p> </div> </div> </div> <script> $("#primary-modal").on("hide.bs.modal", function (e) { $("#primary-modal .modal-content").html(writeLoading("Loading")); }); $("#secondary-modal").on("hide.bs.modal", function (e) { $("#secondary-modal .modal-content").html(writeLoading("Loading")); }); </script> <!-- End Modal --> <script src="/static/js/modernizr.min.js"></script> <script src="/js/jquery-validate/jquery.validate.js"></script> <script src="/static/js/polyfill.js"></script> <!-- HEADER --> <style> .btn--school { background-color: #b10000; color: #fff; } .btn--school:hover { background-color: #b10000; color: #fff; } .btn--school:focus { background-color: #b10000; color: #fff; } .topbar { background: #b10000; border-color: #b10000; } .topbar ul.nav > li > a:hover, .topbar ul.nav > li > button:hover { background-color: #ffffff !important; } .topbar ul.nav > li > a:focus, .topbar ul.nav > li > button:focus { background-color: #ffffff !important; outline: none; } .topbar .topbar__sidebar-toggle:hover { background-color: #ffffff !important; } .topbar .topbar__sidebar-toggle:focus { background-color: #ffffff !important; outline: none; } .topbar .open:not(.topbar__left) > a, .topbar .open:not(.topbar__left) > a:focus, .topbar > .open:not(.topbar__left) > a:hover, .topbar .open:not(.topbar__left) > button, .topbar .open:not(.topbar__left) > button:focus, .topbar > .open:not(.topbar__left) > button:hover { background-color: #ffffff !important; } .topbar li:focus-within > button.mdi-menu { background-color: #ffffff !important; } .topbar li.active > a, .topbar li.active > button { background-color: #ffffff !important; } </style> <div id="generic">Loading</div> <div id="outer-shell" class="outer-shell "> <!-- Impersonate --> <!-- /.Impersonate --> <!-- Message / Maintenance --> <!-- /.Message --> <div id="topbar" class="topbar topbar- topbar--reverse" role="navigation" aria-label="Topbar"> <div class="topbar__left"> <div role="banner"> <a id="a-top-bar-logo" aria-label="Bridgewater State University Logo. Opens the members homepage." role="button" class="logo" href="/groups"> <img class="topbar__icon-large" src="/upload/bridgew/2022/image_upload_2447305_1b_779460.png" alt="Bridgewater State University Logo Image." aria-label="Bridgewater State University Logo Image. Clicking opens the members home page." style="max-height: 50px; max-width: 165px;"> <img class="topbar__icon-small" src="/upload/bridgew/2020/image_upload_34747_bridgew_400x400jpg_112445213.jpeg" alt="Bridgewater State University Logo Image." aria-label="Bridgewater State University Logo Image. Clicking opens the members home page." style="max-height: 35px; max-width: 35px; margin: 0 5px;"> </a> </div> </div> <div class="topbar__center"> <nav aria-label="Topbar"> <ul class="nav"> <!-- Not Logged Buttons --> <!-- Home Website Buttons --> <li class="hidden-xs "> <a class="topbar__menu topbar__menu--large" href="/home_login" aria-label="Home" role="button">Home</a> </li> <li class="hidden-xs dropdown hasSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/navigate/" style="max-width: inherit"> Quick Links </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> <li> <a href="/home/navigate/"> Navigate </a> </li><li> <a href="/home/blackboard/"> Blackboard </a> </li><li> <a href="/home/bsu-email/"> BSU Email </a> </li><li> <a href="/home/infobear/"> InfoBear </a> </li><li> <a href="/home/registrar/"> Registrar </a> </li><li> <a href="/home/library/"> Library </a> </li><li> <a href="/home/bridgenet/"> BridgeNet </a> </li><li> <a href="/home/ebill/"> eBill </a> </li><li> <a href="/home/ssta-payroll/"> SSTA Payroll </a> </li><li> <a href="/home/need-help/"> Need Help? </a> </li><li> <a href="/home/mybsu/"> MyBSU </a> </li> </ul> </li> <li class="hidden-xs dropdown hasNoSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/events/" style="max-width: inherit"> Events </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> </ul> </li> <li class="hidden-xs dropdown hasNoSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/groups/" style="max-width: inherit"> Groups </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> </ul> </li> <li class="hidden-xs dropdown hasNoSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/news/" style="max-width: inherit"> News </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> </ul> </li> <li class="hidden-lg hidden-md hidden-sm dropdown hasSubMenu"> <button class="topbar__menu mdi mdi-menu" aria-label="Top Menu. Expanded. Press tab to enter the menu dropdown." tabindex="0"></button> <ul class="dropdown-menu dropdown-menu-left" style="overflow-y: auto;max-height: 80vh;min-width:220px;"> <li style="display: block;"><a href="/home_login" aria-label="Home" role="button">Home</a></li> <li style="display: block;"><a href="/home/mybsu/" aria-label="MyBSU Student Portal Section" role="button" tabindex="0">MyBSU Student Portal</a></li> <li style="display: block;"><a href="/home/navigate/" aria-label="Navigate Section" role="button" tabindex="0">Navigate</a></li> <li style="display: block;"><a href="/home/blackboard/" aria-label="Blackboard Section" role="button" tabindex="0">Blackboard</a></li> <li style="display: block;"><a href="/home/bsu-email/" aria-label="BSU Email Section" role="button" tabindex="0">BSU Email</a></li> <li style="display: block;"><a href="/home/infobear/" aria-label="InfoBear Section" role="button" tabindex="0">InfoBear</a></li> <li style="display: block;"><a href="/home/registrar/" aria-label="Registrar Section" role="button" tabindex="0">Registrar</a></li> <li style="display: block;"><a href="/home/library/" aria-label="Library Section" role="button" tabindex="0">Library</a></li> <li style="display: block;"><a href="/home/bridgenet/" aria-label="BridgeNet Section" role="button" tabindex="0">BridgeNet</a></li> <li style="display: block;"><a href="/home/ebill/" aria-label="eBill Section" role="button" tabindex="0">eBill</a></li> <li style="display: block;"><a href="/home/ssta-payroll/" aria-label="SSTA Payroll Section" role="button" tabindex="0">SSTA Payroll</a></li> <li style="display: block;"><a href="/home/need-help/" aria-label="Need Help? Section" role="button" tabindex="0">Need Help?</a></li> <li style="display: block;"><a href="/home/mybsu/" aria-label="MyBSU Section" role="button" tabindex="0">MyBSU</a></li> <li style="display: block;"><a href="/home/events/" aria-label="Events Section" role="button" tabindex="0">Events</a></li> <li style="display: block;"><a href="/home/groups/" aria-label="Groups Section" role="button" tabindex="0">Groups</a></li> <li style="display: block;"><a href="/home/news/" aria-label="News Section" role="button" tabindex="0">News</a></li> </ul> </li> <style> .hasSubMenu:hover > ul, .hasSubMenu:focus-within > ul { display:block; } </style> <!-- /.Home Website Buttons --> <!-- Group & Event Buttons --> <!-- /.Group & Event Buttons --> <!-- /.Not Logged Buttons --> <!-- Home Button --> <!-- /.Home Button --> <!-- Group Button --> <!-- /.Group Button --> <!-- Manage Button --> <!-- Event Button --> <!-- /.Event Button --> <!-- Chat Button --> <!-- /.Chat Button --> <!-- Admin / Setup Button --> <!-- /.Admin Button --> <li class="spacer" role="presentation"></li> <!-- Login Button --> <li class=""> <a class="topbar__menu topbar__menu--row" href="/login_only" aria-label="Sign In Section" role="button"> <span class="mdi mdi-login-variant mdi-24px"></span> <span class="hidden-xs hidden-sm topbar__menu-text" style="overflow: initial;"> Sign In </span> </a> </li> <!-- /.Login Button --> <style> #a-top-bar-logo:focus > i { outline: 2px solid #ffffff; } </style> </ul> </nav> </div><!-- /.navbar-collapse --> </div><!-- /.topbar --> <div id="inner-shell" class="inner-shell"> <!-- END HEADER --> <div id="content-cont" class="content-cont container"> <div id="page-cont" class="content" role="main" aria-label="Main Content."> <div style="position: relative;"><span id="span-top-of-main-content--0" class="content__top-element" tabindex="0" aria-label="Top of Main Content." style="display: none;">Top of Main Content</span></div> <!-- Used in email_form --> <!-- END AX != 1 --> <style> #home-cont { padding-top:0px; } @media (max-width: 767px) { #home-cont { margin-top:60px; } } #wrapper > .container { margin: 0; } </style> <!DOCTYPE html> <html> <head> <!-- Basic --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="title" content="BSU Student Portal" /><meta name="keywords" content="" /><meta name="author" content="Home Page | Bridgewater State University" /><script src="/bower_components/jquery/dist/jquery.min.js"></script><title>BSU Student Portal</title> <meta name="keywords" content="HTML5 Template" /> <meta name="description" content="Porto - Responsive HTML5 Template"> <meta name="author" content="okler.net"> <link rel="stylesheet" type="text/css" href="/css/themes/login/cg-skin.css"/><style>#wrapper > .container { padding: 0px; width: auto !important; } .background-cont.background-cont__full-width {position:relative;width:100%;display:flex;align-items:center;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 33vw;} .background-cont__text-element { font-size: calc(1.7vw + 20px); } @media (max-width: 990px) { .background-cont.background-cont__full-width {height:400px!important} } .background-cont.background-cont__full-width > .background-cont__overlay { height: 100%;width: 100%;background-color: black;position:absolute; opacity: 0.3; } .background-cont.background-cont__full-width > .heading-block {display:flex;align-items:center;position:absolute;height:100%;width:100%;} .background-cont.background-cont__full-width .background-cont__text-container {margin:auto;text-align:center;text-align: center;color: white;} .background-cont__text-element {color:white;} </style><link rel="stylesheet" type="text/css" href="/css/themes/login/bridgew.css"/> </head> <body> <div class="body"> <div class="portal-container" style="margin: 0 auto;width: 100%;max-width: 1240px;padding: 0 20px;"> <h1 style="font-size: 45px; font-weight: bold; color: #737373; font-family: 'Roboto Condensed',sans-serif;">MyBSU Student Portal<button aria-controls="mobilemenu" aria-expanded="false" class="btn btn-primary col-12 d-md-none" data-bs-target="#mobilemenu" data-bs-toggle="collapse" style="background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat: no-repeat;background-color: transparent;border: none;height: 40px;width: 40px;right: 22px;position: absolute;margin-top: 3px;" title="Quicklinks" type="button"></button></h1> <div class="quicklinks col-12 d-md-none collapse" id="mobilemenu" style="float: left;"> <ul class="menuql" id="quicklinkslist" style="list-style: none;padding-left: 0;"> <li><a href="https://bridgew.blackboard.com/ultra/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;line-height: 35px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/blackboard.png" width="40" />Blackboard</a></li> <li><a href="https://outlook.com/student.bridgew.edu" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/email.png" width="40" />Email</a></li> <li><a href="https://sso.bridgew.edu/ssomanager/c/SSB" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/infobear.png" width="40" />Infobear</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/Registrar" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/registrar.png" width="40" />Registrar</a></li> <li><a href="https://library.bridgew.edu/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/library.png" width="40" />Library</a></li> <li><a href="https://engage.bridgew.edu/events" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/studentevents.png" width="40" />Student Events</a></li> <li><a href="https://studentbridgew.sharepoint.com/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/bridgenet.png" width="40" />BridgeNet</a></li> <li><a href="https://secure.touchnet.com/C20026_tsa/web/login.jsp" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/ebill.png" width="40" />eBill</a></li> <li><a href="https://engage.bridgew.edu/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/engagebsu.png" width="40" />EngageBSU</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/PayrollDepartment/SitePages/Student-Resources--Employee-Self-Service.aspx" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/sstapayroll.png" width="40" />SSTA Payroll</a></li> <li><a href="https://mybsu.bridgew.edu/get-help" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/needhelp.png" width="40" />Need Help?</a></li> </ul> </div> <div class="main col-12" style="padding: 0;float: left;"> <div class="hero col-12 col-md-9" style="float: left;"> <div class="quicklinks col-12 d-none d-md-block col-md-4 col-lg-3" style="float: left;"> <ul class="menuql" id="quicklinkslist" style="list-style: none;padding-left: 0;"> <li><a href="https://bridgew.blackboard.com/ultra/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;line-height: 35px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/blackboard.png" width="40" />Blackboard</a></li> <li><a href="https://outlook.com/student.bridgew.edu" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/email.png" width="40" />Email</a></li> <li><a href="https://sso.bridgew.edu/ssomanager/c/SSB" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/infobear.png" width="40" />Infobear</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/Registrar" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/registrar.png" width="40" />Registrar</a></li> <li><a href="https://library.bridgew.edu/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/library.png" width="40" />Library</a></li> <li><a href="https://engage.bridgew.edu/events" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/studentevents.png" width="40" />Student Events</a></li> <li><a href="https://studentbridgew.sharepoint.com/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/bridgenet.png" width="40" />BridgeNet</a></li> <li><a href="https://secure.touchnet.com/C20026_tsa/web/login.jsp" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/ebill.png" width="40" />eBill</a></li> <li><a href="https://engage.bridgew.edu/" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/engagebsu.png" width="40" />EngageBSU</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/PayrollDepartment/SitePages/Student-Resources--Employee-Self-Service.aspx" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/sstapayroll.png" width="40" />SSTA Payroll</a></li> <li><a href="https://mybsu.bridgew.edu/get-help" style="font-family: 'Roboto',sans-serif; color:#89191f; font-weight: 500; line-height: 35px; cursor:pointer; font-size: 16px; letter-spacing: .25px;text-decoration: none;"><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/needhelp.png" width="40" />Need Help?</a></li> </ul> </div> <!--<div class="slideshow col-12 col-md-8 col-lg-9" style="float: right; padding: 0;"> <div class="noticeboard col-12" style="background: #007b7b;padding: 15px 20px;border-radius: 6px;margin-bottom: 15px;"><svg class="bi bi-exclamation-circle" fill="white" style="width: 30px;float: left;margin-right: 15px;margin-top: 6px;" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"></path> </svg> <div class="noticetext" style="display: grid;"> <h2 style="color: white;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;letter-spacing: 0.5px;font-size: 20px;"><a class="link-light" href="https://www.bridgew.edu/stories/2023/fall-2022-deans-list">Fall 2022 Dean's List</a></h2> <p style="color: white;font-family: 'Roboto', sans-serif;font-size: 16px;margin-bottom: 0;">Congratulations to all students on the fall dean's list.</p> </div> </div> <div class="video col-12 ratio ratio-16x9"><iframe data-dashlane-frameid="69" src="https://www.youtube.com/embed/Z8Ogwi59k3c#1677005325592#1681557424469" title="video"></iframe></div> </div> </div>--> <div class="slideshow col-12 col-lg-8" style="float: right; max-height: 412px;position: relative;padding: 0;"> <div><img src="https://www.bridgew.edu/sites/bridgew/files/media/images/2022.08.31%20Crimson%20Celebration-ZA1.jpg" style="max-width: calc(100% - 10px);" /></div> <div class="noticeboard col-12" style="background: #89191f;padding: 15px 20px;position: absolute;left: 0;bottom: 0;max-width: calc(100% - 10px);"> <div class="noticetext" style="display: grid;"> <h2 style="color: white;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;letter-spacing: 0.5px;font-size: 27px;">Fall 2023 Kickoff</h2> <p style="color: white;font-family: 'Roboto', sans-serif;font-size: 16px;margin-bottom: 0;">BSU kicks off the year for students with an event filled week where students can make friends, learn the campus, and get involved!<br /> <a href="https://www.bridgew.edu/student-life/kickoff" style="color: white;">Learn More about Fall 2023 Kickoff ></a></p> </div> </div> </div> <div class="grid col-12" style="float: left;margin-top:20px;"> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/academics.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Academics</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://studentbridgew.sharepoint.com/sites/AcademicAchievementCenter" style="color: #89191f;">Academic Achievement Center</a></li> <li><a href="https://www.bridgew.edu/course-search" style="color: #89191f;">Course Search</a></li> <li><a href="https://catalog.bridgew.edu/" style="color: #89191f;">University Catalog</a></li> <li><a href="https://dgwks1-prd.bridgew.edu:8450/" style="color: #89191f;">DegreeWorks</a></li> <li><a href="https://www.bridgew.edu/ccs/online/student#_ga=2.89142171.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Online Student Resources</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/financial.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Financial Resources</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://www.bridgew.edu/office/financial-aid" style="color: #89191f;">Financial Aid</a></li> <li><a href="https://bridgew.academicworks.com/" style="color: #89191f;">Scholarships</a></li> <li><a href="https://www.bridgew.edu/office/studentaccounts" style="color: #89191f;">Student Accounts</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/RISE" style="color: #89191f;">Support Resources</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/StudentOutreach" style="color: #89191f;">Student Outreach</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/studentlife.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Student Life</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="http://bsubears.com/landing/index#_ga=2.264182668.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Athletics & Recreation</a></li> <li><a href="https://www.bridgew.edu/student-life/student-involvement" style="color: #89191f;">Student Involvement</a></li> <li><a href="https://handbook.bridgew.edu/#_ga=2.264182668.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Student Handbook</a></li> <li><a href="https://www.bridgew.edu/academics/study-abroad" style="color: #89191f;">Study Abroad</a></li> <li><a href="https://www.bridgew.edu/student-life/safety-on-campus" style="color: #89191f;">Safety on Campus</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/employment.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Student Employment</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://www.bridgew.edu/office/career-services" style="color: #89191f;">Career Services</a></li> <li><a href="https://jobs.bridgew.edu/" style="color: #89191f;">Campus Jobs</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/HRISSEmpl#_ga=2.31779902.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Student Employment Office</a></li> <li><a href="https://www.bridgew.edu/academics/internships/students" style="color: #89191f;">Internships</a></li> <li><a href="https://bridgew.joinhandshake.com/login" style="color: #89191f;">Handshake</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/commuter.png" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Commuter Resources</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://www.bridgew.edu/student-life/commuter-services" style="color: #89191f;">Commuter Services</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/ParkingServices" style="color: #89191f;">Parking Services</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/ResNet/SitePages/WEPA-Printing.aspx#_ga=2.31779902.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">WEPA Cloud Printing</a></li> <li><a href="https://services.bridgew.edu/CommuterServices/" style="color: #89191f;">Off Campus Housing Services</a></li> <li><a href="https://services.bridgew.edu/SmartParking/Map/" style="color: #89191f;">Smart Parking</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/residential.png" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Residential Students</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://studentbridgew.sharepoint.com/sites/RLH#_ga=2.93845277.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Residence Life & Housing</a></li> <li><a href="https://bridgew.sodexomyway.com" style="color: #89191f;">Dining Services</a></li> <li><a href="https://reslife.bridgew.edu/THDSS/login" style="color: #89191f;">MyHousing</a></li> <li><a href="https://www.laundryview.com/selectProperty?property=68" style="color: #89191f;">LaundryView</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/ResNet" style="color: #89191f;">ResNet</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/tech.png" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Technology</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://services.bridgew.edu/bannerID/" style="color: #89191f;">Banner ID/PIN Lookup</a></li> <li><a href="https://services.bridgew.edu/passwordreset/" style="color: #89191f;">Password Reset</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/ResNet#_ga=2.93845277.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">ResNet</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/IT/SitePages/Student-Technology-Help.aspx" style="color: #89191f;">IT Service Center</a></li> <li><a href="https://portal.office.com/" style="color: #89191f;">Office 365</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/health.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Health & Wellness</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://www.bridgew.edu/student-life/wellness" style="color: #89191f;">Wellness at BSU</a></li> <li><a href="https://www.bridgew.edu/student-life/wellness/health-services" style="color: #89191f;">Health Services</a></li> <li><a href="https://www.bridgew.edu/student-life/wellness/counseling-center#_ga=2.33437630.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">Counseling Center</a></li> <li><a href="https://www.bridgew.edu/office/titleix" style="color: #89191f;">Sexual and Relationship Violence</a></li> <li><a href="https://www.bridgew.edu/student-life/careteam" style="color: #89191f;">CARE Team</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4" style="float:left;padding: 0 5px;"> <div class="card" style="margin-bottom: 10px;"><img alt="image" class="card-img-top" src="https://www.bridgew.edu/sites/bridgew/files/media/images/diversity.jpg" /> <div class="card-body"> <h3 class="card-title" style="font-family: 'Roboto Condensed', sans-serif;font-size: 25px;font-weight: bold;color: #1b365d;">Diversity</h3> <ul class="card-text" style="list-style: none;padding-left: 0;font-size: 16px;font-family: 'Roboto', sans-serif;"> <li><a href="https://studentbridgew.sharepoint.com/sites/LGCIE" style="color: #89191f;">LGCIE</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/GLBTA#_ga=2.33437630.1014608162.1674755694-1506118836.1673278996" style="color: #89191f;">GLBTA Pride Center</a></li> <li><a href="https://studentbridgew.sharepoint.com/sites/ISSS" style="color: #89191f;">International Student Services</a></li> <li><a href="https://www.bridgew.edu/office/military-veteran-student-services" style="color: #89191f;">Military & Veterans Services</a></li> <li><a href="https://www.bridgew.edu/academics/academic-achievement/disability-resources" style="color: #89191f;">Disability Resources</a></li> </ul> </div> </div> </div> </div> </div> <div class="sidebar col-12 col-md-3" style="padding: 0 0 0 10px;float: left;"> <div class="cancellations col-12"> <h2 style="font-family: 'Roboto Condensed', sans-serif;font-weight: bold;font-size: 27px;color: #1b365d;border-bottom: 1px solid #b3b3b3;padding-bottom: 5px;margin-bottom: 15px;">Class Cancellations</h2> <button class="btn btn-primary" data-bs-target="#cancellationsmodal" data-bs-toggle="modal" style="background: #89191f;border: none;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 14px;padding: 10px 15px;margin-bottom: 20px;" type="button">View all Class Cancellations for Today</button> <div aria-labelledby="modaltitle" aria-modal="true" class="modal hide" id="cancellationsmodal" role="dialog" style="display: block; padding-left: 0px;display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title fs-5" id="modaltitle">Class Cancellations</h2> <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button></div> <div class="modal-body" style="overflow: hidden;"><iframe data-dashlane-frameid="70" id="cancellationsframe" src="https://services.bridgew.edu/cancellations#1674765134008#1677005325592#1681557424469" style="height: 92vh;width:100%;margin-top: -57px;" title="cancellations"></iframe></div> </div> </div> </div> </div> <div class="needtoknow col-12" style="font-family:'Roboto',sans-serif; font-size: 16px;"> <h2 style="font-family: 'Roboto Condensed', sans-serif;font-weight: bold;font-size: 27px;color: #1b365d;border-bottom: 1px solid #b3b3b3;padding-bottom: 5px;margin-bottom: 15px;">Need to Know</h2> <p><a href="/student-crisis-information" hreflang="en" style="color: #89191f;">Student Crisis Information</a><br /> When a student is in crisis or feeling overwhelmed, BSU offers resources and supports to help manage through difficult situations.</p> <p><a href="/spring-covid-health-protocols" hreflang="en" style="color: #89191f;">Spring COVID Health Protocols </a><br /> Exising public health protocols will be extended into the spring semster.</p> <p><a href="/bsu-covid-19-response" hreflang="en" style="color: #89191f;">BSU COVID-19 Response</a><br /> BSU COVID-19 Updates and Resources</p> <p><a href="/bsu-zoom" hreflang="en" style="color: #89191f;">BSU Zoom</a><br /> Login with your BSU credentials, using your full @student email address</p> <p><a href="/node/145846" hreflang="en" style="color: #89191f;">Student Announcements</a><br /> Stay up to date on the latest announcements</p> <p><a href="/health-form-and-waiver" hreflang="en" style="color: #89191f;">Student Health Forms</a><br /> Access the Health & Wellness Form and Student Health Plan Waiver</p> <p><a href="/node/141246" hreflang="en" style="color: #89191f;">Academic Calendar</a><br /> View academic term dates</p> </div> </div> </div> </div> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" rel="stylesheet" /><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous" style=""></script> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:400,400i,500,500i,700,700i" rel="stylesheet" /><script type="text/javascript" style=""> var obj = document.getElementById("content-cont"); obj.setAttribute("style", "margin: 0; max-width: unset;"); var linksList = document.getElementsByTagName("iframe"); var timestamp = Number(new Date()); for (var i = 0, len = linksList.length; i < len; i++) linksList[i].src += '#' + timestamp; var redlinks = document.querySelectorAll(".needtoknow a"); for (var r = 0, len = redlinks.length; r < len; r++) redlinks[r].setAttribute("style", "color: #89191f;"); var cardlinks = document.querySelectorAll(".card-text li a"); for (var y = 0, len = cardlinks.length; y < len; y++) cardlinks[y].setAttribute("style", "color: #89191f;"); var toplinks = document.querySelectorAll("a.topbar__menu"); for (var t = 0, len = toplinks.length; t < len; t++) toplinks[t].setAttribute("style", "font-size: 14px !important;text-decoration: none !important; max-width: unset;"); var subtoplinks = document.querySelectorAll("li.dropdown a"); for (var q = 0, len = subtoplinks.length; q < len; q++) subtoplinks[q].setAttribute("style", "font-size: 14px !important;text-decoration: none !important; max-width: unset;"); </script> <div role="main" class="main"> </div> </div> </body> </html> <!-- LL - 10/03/2017: Moved up here so ckeditor can work in popups --> <script> //YT Viewer if (typeof arrYoutubePlayerObjects != "undefined") { $("#youtubeScript").remove(); $("#www-widgetapi-script").remove(); if (window['YT'] != undefined) { window.YT.loading = 0; window.YT.loaded = 0; } var youtubeTag = document.createElement('script'); youtubeTag.id = "youtubeScript"; youtubeTag.src = "https://www.youtube.com/iframe_api"; youtubeTag.async = false; // Get First Script Tag & Insert Vimeo Script before that. var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(youtubeTag, firstScriptTag); // Array of Players var arrYoutubePlayers = []; // Functions to work on Youtube Players function onYoutubePlayerReady(event) { var player = event.target; $(window).blur(function() { player.pauseVideo(); }); $(window).scroll(function() { if ( !isInViewport(document.getElementById("player--" + player.youtubeObject.cgID))) { player.pauseVideo(); } }); var startTime = new Date(player.youtubeObject.startTime * 1000).toISOString(); var totalTime = new Date(player.getDuration() * 1000).toISOString(); if (player.getDuration() >= 3600) { startTime = startTime.substr(11, 8); totalTime = totalTime.substr(11, 8); } else { startTime = startTime.substr(14, 5); totalTime = totalTime.substr(14, 5); } $("#player-btn--" + player.youtubeObject.cgID + " div.timer").html("<span id='player-time--" + player.youtubeObject.cgID + "'>" + startTime + "</span> / " + totalTime); } function onYoutubePlayerStateChange(event) { var player = event.target; if (event.data == YT.PlayerState.PLAYING) { // Change Buttons $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status", "pause").attr("aria-label", "Pause"); $("#player-btn--" + player.youtubeObject.cgID + " button.playpause span.mdi").removeClass("mdi-play").addClass("mdi-pause"); } if (event.data == YT.PlayerState.PLAYING && player.intervalFunction == null) { // HACK For Window BLUR window.focus(); // AJAX Recurring Call player.intervalFunction = setInterval(function() { postVideoViews(player.youtubeObject.cgUID, player.youtubeObject.cgUID_s, player.getCurrentTime()); }, 10000); // Timer player.intervalTimerFunction = setInterval(function() { var currentTime = new Date(player.getCurrentTime() * 1000).toISOString(); if (player.getDuration() >= 3600) { currentTime = currentTime.substr(11, 8); } else { currentTime = currentTime.substr(14, 5); } $("#player-time--" + player.youtubeObject.cgID).html(currentTime); }, 1000) } else if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) { // Change Buttons $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.youtubeObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; postVideoViews(player.youtubeObject.cgUID, player.youtubeObject.cgUID_s, player.getCurrentTime(), (event.data == YT.PlayerState.ENDED ? 'true' : '')); //if (event.data == YT.PlayerState.ENDED) { //if (typeof refreshTrackChecklist !== "undefined") { refreshTrackChecklist(); } //else if (typeof parent.refreshTrackChecklist !== "undefined") { parent.refreshTrackChecklist(); } //} } } function youtubePlayerPlayPause(player) { var currentStatus = $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status"); if (currentStatus == "play") { player.playVideo(); } else if (currentStatus == "pause") { player.pauseVideo(); } } /* Function that checks localStorage for the Vimeo/YouTube closed captions load policy. Returns number values: * 0 - closed captions should be be disabled (do not load closed captions) * 1 - closed captions should be loaded when video loads * If the local storage key is not defined we return 0 (as a number). */ function getVideoPlayerCCLoadPolicy() { try { const lsKey = 'cg-video-player-cc-load-policy'; const ccLoadPolicy = localStorage.getItem(lsKey); return (ccLoadPolicy === '1') ? 1 : 0; } catch(e) { return 0; } } /* Function that toggles the video player CC load policy stored in local storage. Toggled values are (strings values): * '0' - closed captions should be be disabled (do not load closed captions) * '1' - closed captions should be loaded when video loads * If the local storage key is not defined it is treated as though the value were '0' and toggles to '1'. * */ function toggleVideoPlayerCCLoadPolicy() { try { const lsKey = 'cg-video-player-cc-load-policy'; const ccLoadPolicy = localStorage.getItem(lsKey); if (ccLoadPolicy === '1') { localStorage.setItem(lsKey, '0'); } else { localStorage.setItem(lsKey, '1'); } } catch(e) { return; } } /* Function that prompts the user for confirmation before toggling the video player closed caption load policy. * - If closed captions are currently turned off, the user will be prompted to confirm before turning them on (and vice versa) * - Video player CC load policy setting is stored in local storage (see above functions) * - Vimeo and YouTube video players require reload of the associated IFrames to change the setting, * if user confirms yes to reload, the page will be reloaded. */ function toggleClosedCaptionsAndReloadVideoIframes() { const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; const message = 'Turning ' + turnClosedCaptionsOnOff + ' closed captions will reload this page, please save any outstanding changes before you choose to turn closed captions ' + turnClosedCaptionsOnOff + '. Are you sure you want to turn closed captions ' + turnClosedCaptionsOnOff + '?'; if (confirm(message)) { toggleVideoPlayerCCLoadPolicy(); location.reload(); } else { return false; } } // Called when the script is fully loaded. function onYouTubeIframeAPIReady() { // Loop through players arrYoutubePlayerObjects.forEach(function (youtubeObject, index) { arrYoutubePlayers[index] = new YT.Player("player--" + youtubeObject.cgID, { height: youtubeObject.height, width: youtubeObject.width, videoId: youtubeObject.videoID, playerVars: { modestbranding: 1, rel: 0, disablekb: 1, playsinline: 1, controls: 0, start: youtubeObject.startTime, cc_load_policy: (typeof getVideoPlayerCCLoadPolicy !== 'undefined') ? getVideoPlayerCCLoadPolicy() : 0 }, events: { 'onStateChange': onYoutubePlayerStateChange, 'onReady': onYoutubePlayerReady } }); arrYoutubePlayers[index].youtubeObject = youtubeObject; arrYoutubePlayers[index].intervalFunction = null; $("#player-btn--" + youtubeObject.cgID + " button.playpause").on('click', function() { youtubePlayerPlayPause(arrYoutubePlayers[index]); }); $("#player-btn--" + youtubeObject.cgID + " button.replay").on('click', function() { arrYoutubePlayers[index].seekTo(0); }); $("#player-btn--" + youtubeObject.cgID + " button.rewind").on('click', function() { arrYoutubePlayers[index].seekTo(arrYoutubePlayers[index].getCurrentTime() - 10); }); const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; $("#player-btn--" + youtubeObject.cgID + " button.closedcaption").attr('aria-label', 'Turn ' + turnClosedCaptionsOnOff + ' closed captions. Note, this requires a reload of the current page.'); $("#player-btn--" + youtubeObject.cgID + " button.closedcaption").on('click', function() { toggleClosedCaptionsAndReloadVideoIframes(); }); $("#player-btn--" + youtubeObject.cgID + " button.fullscreen").on('click', function() { arrYoutubePlayers[index].pauseVideo(); tb_show("", "/video_player?embed=1&uid=" + youtubeObject.cgUID + "&width=995&height=680&modal=true&TB_iframe=1", ""); }); }); arrYoutubePlayerObjects = undefined; } } //Vimeo Viewer if (typeof arrVimeoPlayerObjects != "undefined") { $("#vimeoScript").remove(); var vimeoTag = document.createElement('script'); vimeoTag.id = "vimeoScript"; vimeoTag.src = "https://player.vimeo.com/api/player.js"; vimeoTag.async = false; // Get First Script Tag & Insert Vimeo Script before that. var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(vimeoTag, firstScriptTag); // Array of Players var arrVimeoPlayers = []; // Functions to work on Vimeo Players function vimeoPlayerPlay(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "pause").attr("aria-label", "Pause"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-play").addClass("mdi-pause"); // AJAX Recurring Call player.intervalFunction = setInterval( function() { player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds); }) }, 10000) // Timer player.intervalTimerFunction = setInterval(function() { player.getCurrentTime().then( function(seconds) { var currentTime = new Date(seconds * 1000).toISOString(); if (player.totalDuration >= 3600) { currentTime = currentTime.substr(11, 8); } else { currentTime = currentTime.substr(14, 5); } $("#player-time--" + player.vimeoObject.cgID).html(currentTime); }) }, 1000) } function vimeoPlayerPause(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); // Clear AJAX Recurring Call clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds); }); } function vimeoPlayerEnded(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); // Clear AJAX Recurring Call clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds, 'true'); }); //if (typeof refreshTrackChecklist !== "undefined") { refreshTrackChecklist(); } //else if (typeof parent.refreshTrackChecklist !== "undefined") { parent.refreshTrackChecklist(); } } function vimeoPlayerPlayPause(player) { var currentStatus = $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status"); if (currentStatus == "play") { player.play(); } else if (currentStatus == "pause") { player.pause(); } } // We wait until the script is fully loaded. $("#vimeoScript").on('load', function() { // Loop through players arrVimeoPlayerObjects.forEach(function (vimeoObject, index) { if (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) { // load with closed captions enabled (set texttrack to 'en') arrVimeoPlayers[index] = new Vimeo.Player("player--" + vimeoObject.cgID, { url: vimeoObject.URL , height: vimeoObject.height, width: vimeoObject.width, controls: false, texttrack: 'en' }); } else { arrVimeoPlayers[index] = new Vimeo.Player("player--" + vimeoObject.cgID, { url: vimeoObject.URL , height: vimeoObject.height, width: vimeoObject.width, controls: false }); } arrVimeoPlayers[index].vimeoObject = vimeoObject; arrVimeoPlayers[index].intervalFunction = null; if (vimeoObject.startTime != 0) { arrVimeoPlayers[index].setCurrentTime(vimeoObject.startTime); } arrVimeoPlayers[index].on('play', function() { vimeoPlayerPlay(this) } ); arrVimeoPlayers[index].on('pause', function() { vimeoPlayerPause(this) } ); arrVimeoPlayers[index].on('ended', function() { vimeoPlayerEnded(this) } ); $("#player-btn--" + vimeoObject.cgID + " button.playpause").on('click', function() { vimeoPlayerPlayPause(arrVimeoPlayers[index]); }); $("#player-btn--" + vimeoObject.cgID + " button.replay").on('click', function() { arrVimeoPlayers[index].setCurrentTime(0) }); $("#player-btn--" + vimeoObject.cgID + " button.rewind").on('click', function() { arrVimeoPlayers[index].getCurrentTime().then(function(seconds) { arrVimeoPlayers[index].setCurrentTime(Math.max(0, seconds - 10)); }) }); const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; $("#player-btn--" + vimeoObject.cgID + " button.closedcaption").attr('aria-label', 'Turn ' + turnClosedCaptionsOnOff + ' closed captions. Note, this requires a reload of the current page.'); $("#player-btn--" + vimeoObject.cgID + " button.closedcaption").on('click', function() { toggleClosedCaptionsAndReloadVideoIframes(); }); $("#player-btn--" + vimeoObject.cgID + " button.fullscreen").on('click', function() { arrVimeoPlayers[index].pause(); tb_show("", "/video_player?embed=1&uid=" + vimeoObject.cgUID + "&width=995&height=680&modal=true&TB_iframe=1", ""); }); $(window).blur(function() { arrVimeoPlayers[index].pause(); }); $(window).scroll(function() { if ( !isInViewport(document.getElementById("player--" + vimeoObject.cgID))) { arrVimeoPlayers[index].pause(); } }); var startTime = new Date(vimeoObject.startTime * 1000).toISOString(); var totalTime = 0; arrVimeoPlayers[index].getDuration().then(function(seconds) { arrVimeoPlayers[index].totalDuration = seconds; totalTime = new Date(seconds * 1000).toISOString(); if (seconds >= 3600) { startTime = startTime.substr(11, 8); totalTime = totalTime.substr(11, 8); } else { startTime = startTime.substr(14, 5); totalTime = totalTime.substr(14, 5); } $("#player-btn--" + vimeoObject.cgID + " div.timer").html("<span id='player-time--" + vimeoObject.cgID + "'>" + startTime + "</span> / " + totalTime); }); }); arrVimeoPlayerObjects = undefined; }); } </script> <script> $(document).ready(function(){ $("[data-toggle='tooltip']").tooltip(); $(".btn--loader").click(function() { loadButton($(this)); }); tb_init('a.thickbox, area.thickbox, input.thickbox'); // fix for the non editable input in ckeditor (ex: URL...) $(".modal").removeAttr("tabindex"); setupAjaxAccessibility(); }); </script> <!-- AX != 1 --> </div><!--/.content --> </div><!--/.content-page --> </div><!--/.inner-shell --> <style> .outer-shell { display:flex; flex-direction:column; min-height: 100vh; } @-moz-document url-prefix() { .inner-shell {flex:1; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .inner-shell { flex:1; } } body.enlarged { min-height:initial; position:relative; } body.enlarged > .outer-shell { display:flex; flex-direction:column; min-height: 100vh; } </style> <footer class="footer__home"> <div> <div id="footer-links" class="row footer__cont" style="background: transparent;"> <div class="col-md-offset-1_5 col-md-3 col-sm-12 col-xs-12 text-center" style="padding-top:10px;"> <img alt="Bridgewater State University Website Logo" src="/upload/bridgew/2022/image_upload_2447305_1b_779460.png" style="max-width:150px;max-height:50px;border-radius:6px;"> </div> <div class="text-xs-center text-sm-left text-md-left col-md-3 col-sm-6 col-xs-12" style="display:flex;padding: 10px 10px;"> <div style="margin:auto" role="group" aria-label="Contact information."> <h2 class="footer__home--title" style="margin-top: 0; margin-bottom: 10px;">Contact</h2><br> <span style="margin-bottom:5px">Bridgewater State University</span><br> <span style="margin-bottom:5px;line-height:1.7">131 Summer Street<br>Bridgewater, MA 02325<br>United States</span><br> <a class="a-footer-contact-links" href="mailto:cse@bridgew.edu" aria-label="Send an email to cse@bridgew.edu">cse@bridgew.edu</a><br> </div> </div> <div class="text-xs-center text-sm-left text-md-left col-md-3 col-sm-6 col-xs-12" style="display:flex;vertical-align:top;padding: 10px 10px;"> <div style="margin:auto" role="group" aria-label="Links"> <h2 class="footer__home--title" style="margin-top: 0; margin-bottom: 10px;">Links</h2><br> <a class="a-footer-contact-links" href="/home/mybsu/">MyBSU Student Portal</a><br> <a class="a-footer-contact-links" href="/home/navigate/">Navigate</a><br> <a class="a-footer-contact-links" href="/home/blackboard/">Blackboard</a><br> <a class="a-footer-contact-links" href="/home/bsu-email/">BSU Email</a><br> <a class="a-footer-contact-links" href="/home/infobear/">InfoBear</a><br> <a class="a-footer-contact-links" href="/home/registrar/">Registrar</a><br> <a class="a-footer-contact-links" href="/home/library/">Library</a><br> <a class="a-footer-contact-links" href="/home/bridgenet/">BridgeNet</a><br> <a class="a-footer-contact-links" href="/home/ebill/">eBill</a><br> <a class="a-footer-contact-links" href="/home/ssta-payroll/">SSTA Payroll</a><br> <a class="a-footer-contact-links" href="/home/need-help/">Need Help?</a><br> <a class="a-footer-contact-links" href="/home/mybsu/">MyBSU</a><br> <a class="a-footer-contact-links" href="/home/events/">Events</a><br> <a class="a-footer-contact-links" href="/home/groups/">Groups</a><br> <a class="a-footer-contact-links" href="/home/news/">News</a><br> <a class="a-footer-contact-links" href="https://www.bridgew.edu/">Terms of Service</a><br> <a class="a-footer-contact-links" href="https://www.bridgew.edu/policy/website-privacy-statement">Privacy Policy</a><br> <a class="a-footer-contact-links" href="https://readyedu.atlassian.net/wiki/spaces/CGSD/overview?homepageId=302186786">Support Center</a> </div> </div> </div> <div class="row" style="padding:15px 20px 0 20px;border-top:1px solid #5a5a5a;margin-top: 10px;" role="group" aria-label="Footer Bar Links"> <div class="col-sm-6 col-xs-12 text-xs-center text-sm-left"></div> <div class="col-sm-6 col-xs-12 text-xs-center text-sm-right"> <a class="a-footer-contact-links" href="http://www.novalsys.com">©2024 CampusGroups</a> </div> </div> </div> </footer> <script type="text/javascript" src="/js/jquery-migrate-1.2.1.js"></script> <!-- THICKBOX --> <script src="/js/thickbox/thickbox.js"></script> <script type="text/javascript" src="/static/js/metisMenuCustom.js?v=1"></script> <script type="text/javascript" src="/static/js/jquery.slimscroll.js"></script> <!--<link href="/static/css/scrollbar.css" rel="stylesheet"> <script type="text/javascript" src="/static/js/scrollbar.js"></script>--> <script type="text/javascript">function $$(strId) { return document.getElementById(strId); }</script> <script type="text/javascript" src="/static/plugins/clamp/clamp.min.js"></script> <script type="text/javascript" src="/static/js/core.js"></script> <script type="text/javascript" src="/static/js/menu.js"></script> <script type="text/javascript" src="/static/js/routing.js"></script> <script type="text/javascript">$.ajaxSetup({cache:true})</script> <!-- @TODO: This is for jPrompt. We might to see if an update is available or give it a better style --> <link href="/js/jquery-alerts/jquery.alerts.css" rel="stylesheet" type="text/css"> <script src="/js/jquery-alerts/jquery.alerts.js" type="text/javascript"></script> <!-- @TODO: Check if used : put directly on /r and student_password--> <script> </script> <!-- Google Analytics --> <script> var _customTask = function() { return function(model){ var piiRegex = [ { name: 'Email', regex: /.{4}@.{4}/g}, { name: 'Phone_Number', regex: /^(\+|\d)[0-9]{7,16}$/g}, { name: 'SSN', regex: /^\d{3}-\d{2}-\d{4}$}/g}, { name: 'Address', regex: /^\d+\s[A-z]+\s[A-z]+/g}]; var globalSendTaskName = '_' + model.get('trackingId') + '_sendHitTask'; // Fetch reference to the original sendHitTask var originalSendTask = window[globalSendTaskName] = window[globalSendTaskName] || model.get('sendHitTask'); var i, hitPayload, parts, val; // Overwrite sendHitTask with PII purger model.set('sendHitTask', function(sendModel) { hitPayload = sendModel.get('hitPayload').split('&'); for (i = 0; i < hitPayload.length; i++) { parts = hitPayload[i].split('='); // Double-decode, to account for web server encode + analytics.js encode try { val = decodeURIComponent(decodeURIComponent(parts[1])); } catch(e) { val = decodeURIComponent(parts[1]); } piiRegex.forEach(function(pii) { val = val.replace(pii.regex, '[REDACTED ' + pii.name + ']'); }); parts[1] = encodeURIComponent(val); hitPayload[i] = parts.join('='); } sendModel.set('hitPayload', hitPayload.join('&'), true); originalSendTask(sendModel); }); }; } </script> <!-- GA4 implementation --> <script async src='https://www.googletagmanager.com/gtag/js?id=GTM-PBSLHP'></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-PBSLHP', { 'send_page_view': true, 'name': 'school', custom_map: { 'dimension1': 'customTask' } }); gtag('event', 'page_view', { customTask: _customTask() }); </script> <!-- End Google Analytics --> <!-- Help --> <!-- End Help --> </body> <!-- END AX != 1 --> <style> /* Accessibility Mode OFF - Default outline on :focus (none) */ :focus { outline: none; } a:focus { outline: none; } button.close:focus { outline: none; } .button:focus { outline: none; } .button.focus { outline: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .dropdown-toggle:focus { outline: none; } #header__btn-cont--manage:focus, #header__btn-cont--manage:focus-within { outline: none; } /* no outline/focus on the following (various reasons including hover style on focus, other focus styles applied, etc.) */ h2:focus { outline: none; outline-offset: 0px; border: none; } /* .page__header--btns .btn:focus { outline: none !important; outline-offset: 0px !important; } */ /* a.btn--rounded:focus { outline: none !important; outline-offset: 0px !important; } */ </style> <!-- should always be last stylesheet loaded, version=yyyymmddx --> <link href="/static/css/accessibility.css?v=20220717.1" rel="stylesheet" /> </html>