1 2 <!DOCTYPE html> 3<html lang="en"> 4<head> 5 <!-- needed for form submission -->
vendor: 90 bytes, lines 5-8
5 6<script 7 id="googleRecaptcha" 8 src="https://www.google.com/recaptcha/api.js?render=
86LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP
vendor: 34 bytes, lines 8-12
8" 9 async 10 defer 11></script> 12
13<style> 14 :root { 15 --site-design-link-color: #DA3831; 16 --site-design-link-color-hover: #333333; 17 --site-design-body-copy-color: #ffffff; 18 } 19 .inputLimitBadge { 20 border-radius: 50%; 21 background-color: #8CAB4F !important; 22 margin: auto 0 3px 5px; 23 } 24 #rotateImgModal { 25 z-index: 99999 !important; 26 } 27 /* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */ 28 .modal { 29 overflow-y: scroll !important; 30 } 31 .grepcatcha { 32 visibility: hidden 33 } 34 .wrapped { 35 word-wrap: break-word; 36 } 37 .table.table-filter.quick_links th:nth-child(2) { 38 width: 45%; 39 } 40 .table.table-filter.quick_links th:nth-child(3) { 41 width: 45%; 42 } 43 .table.table-filter.quick_links th:nth-child(4) { 44 width: 5%; 45 } 46 .table.table-filter.quick_links th:nth-child(5) { 47 width: 5%; 48 } 49 .qlheader { 50 background: #337ab7 !important; 51 color: #fff; 52 } 53 54 [class*="link_group_"] { 55 margin-bottom: 20px; 56 } 57 .ele_img { 58 height: 200px; 59 width: 250px; 60 } 61 .error, .error_iframe { 62 background: rgb(239, 217, 217) !important; 63 } 64 .errorpic { 65 border: dashed 1px red !important; 66 } 67 .cke_inner.cke_reset { 68 height:auto !important; 69 } 70 .cke_wysiwyg_frame.cke_reset { 71 height:192px; 72 margin-bottom: 100px; 73 } 74 .cke_wysiwyg_frame { 75 height:192px; 76 margin-bottom: 100px; 77 clear:both; 78 } 79 .cke_contents.cke_reset { 80 height:192px; 81 } 82 .visEditArea .pencil_icon { 83 position: relative; 84 z-index: 2; 85 } 86 .dropdown-menu { 87 cursor: pointer; 88 } 89 .stack_option:hover { 90 background-color: #ccc; 91 } 92 @media (min-width: 1200px) { 93 .modifiedWidth { 94 width: 50% !important; 95 } 96 } 97 .inputLimitBadge { 98 border-radius: 50%; 99 background-color: #8CAB4F !important; 100 margin: auto 0 3px 5px; 101 } 102 #rotateImgModal { 103 z-index: 99999 !important; 104 } 105 /* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */ 106 .modal { 107 overflow-y: scroll !important; 108 } 109 .grepcatcha { 110 visibility: hidden 111 } 112 .wrapped { 113 word-wrap: break-word; 114 } 115 .table.table-filter.quick_links th:nth-child(2) { 116 width: 45%; 117 } 118 .table.table-filter.quick_links th:nth-child(3) { 119 width: 45%; 120 } 121 .table.table-filter.quick_links th:nth-child(4) { 122 width: 5%; 123 } 124 .table.table-filter.quick_links th:nth-child(5) { 125 width: 5%; 126 } 127 .qlheader { 128 background: #337ab7 !important; 129 color: #fff; 130 } 131 [class*="link_group_"] { 132 margin-bottom: 20px; 133 } 134 .ele_img { 135 height: 200px; 136 width: 250px; 137 } 138 .error, .error_iframe { 139 background: rgb(239, 217, 217) !important; 140 } 141 .errorpic { 142 border: dashed 1px red !important; 143 } 144 .cke_inner.cke_reset { 145 height:auto !important; 146 } 147 .cke_wysiwyg_frame.cke_reset { 148 height:192px; 149 margin-bottom: 100px; 150 } 151 .cke_wysiwyg_frame { 152 height:192px; 153 margin-bottom: 100px; 154 clear:both; 155 } 156 .cke_contents.cke_reset { 157 height:192px; 158 } 159 .visEditArea .pencil_icon { 160 position: relative; 161 z-index: 2; 162 } 163 .dropdown-menu { 164 cursor: pointer; 165 } 166 .stack_option:hover { 167 background-color: #ccc; 168 } 169 @media (min-width: 1200px) { 170 .modifiedWidth { 171 width: 50% !important; 172 } 173 } 174 .Pageoptions { 175 padding-bottom:5px; 176 cursor: pointer; 177 } 178 .Pageoptions.active { 179 background-color: #ccc; 180 } 181 .tooltip { 182 width: 200px !important; 183 } 184 .launch-icons { 185 text-decoration: none !important; 186 } 187 188/* -------------------------------------------------- 189 :: Centering Month & Date TEXT in dateField & dayField Divs 190 -------------------------------------------------- */ 191 .center-month-div { 192 display: flex; 193 justify-content: center; 194 align-items: center; 195 margin: 20px auto; 196 } 197/* -------------------------------------------------- 198 :: Styling Stack Table Rows 199 -------------------------------------------------- */ 200 .table-filter { 201 background-color: #f7f9f9 !important; 202 border-bottom: 1px solid #eee; 203 } 204 .table-filter tbody tr:hover { 205 cursor: pointer; 206 background-color: #d3d3d3;; 207 color:#000; 208 font-weight:bold !important; 209 } 210 .table-filter tbody tr td .btn.edit_modal { 211 margin-top:0px !important; 212 } 213 .table-filter tbody tr td .btn.details_modal { 214 margin-top:0px !important; 215 } 216 .table-filter tbody tr td { 217 padding: 10px; 218 vertical-align: middle; 219 border-top-color: #eee; 220 } 221 .table-filter tbody tr.selected td { 222 background-color: #eee; 223 } 224 .table-filter tr td:first-child { 225 width: 38px; 226 } 227 .table-filter tr td:nth-child(2):(.accordionTableRows) { 228 width: 35px; 229 } 230/* -------------------------------------------------- 231 :: Photo Album Delete Icon 232 -------------------------------------------------- */ 233 .table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete { 234 background-color: #f7f9f9 !important; 235 color:#d9534f !important; 236 border:none !important; 237 outline: none; 238 margin-top:5px !important; 239 } 240 .table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete { 241 background-color: #FBFBFB !important; 242 color:#d9534f !important; 243 border:none !important; 244 outline: none; 245 } 246 .table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover {
247 background-color: #d9534f !important; 248 color:#ffffff !important; 249 border:none !important; 250 outline: none; 251 } 252 .table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash { 253 margin-top:0px !important; 254 } 255 .table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSlideRow) { 256 padding-top:12px !important; 257 } 258 .table-filter.ablum-filter tbody tr td input[type='text'] { 259 margin-top:10px !important; 260 } 261/* -------------------------------------------------- 262 :: Sponsor Slider Delete Icon 263 -------------------------------------------------- */ 264 .table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete { 265 background-color: #f7f9f9 !important; 266 color:#d9534f !important; 267 border:none !important; 268 outline: none; 269 margin-top:5px !important; 270 } 271 .table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete { 272 background-color: #FBFBFB !important; 273 color:#d9534f !important; 274 border:none !important; 275 outline: none; 276 } 277 .table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover { 278 background-color: #d9534f !important; 279 color:#ffffff !important; 280 border:none !important; 281 outline: none; 282 } 283 .table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash { 284 margin-top:0px !important; 285 } 286 .table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSliderRow) { 287 padding-top:12px !important; 288 } 289 .table-filter.ablum-filter tbody tr td input[type='text'] { 290 margin-top:10px !important; 291 } 292 293/* -------------------------------------------------- 294 :: Quick Links Delete Icon 295 -------------------------------------------------- */ 296 297 .table-filter tbody tr td .btn.quick_links_item_delete { 298 background-color: #f7f9f9 !important; 299 color:#d9534f !important; 300 border:none !important; 301 outline: none; 302 margin-top:5px !important; 303 } 304 .table-filter tbody tr:hover td .btn.quick_links_item_delete { 305 background-color: #FBFBFB !important; 306 color:#d9534f !important; 307 border:none !important; 308 outline: none; 309 } 310 .table-filter tbody tr td .btn.quick_links_item_delete:hover { 311 background-color: #d9534f !important; 312 color:#ffffff !important; 313 border:none !important; 314 outline: none; 315 } 316 .table-filter tbody tr td .btn.quick_links_item_delete .fa.fa-trash{ 317 margin-top:0px !important; 318 } 319 .table-filter.quick_links tbody tr td .btn.details_modal, .table-filter.quick_links tbody tr td .btn.edit_modal { 320 margin-top:6px !important; 321 outline: none; 322 } 323/* -------------------------------------------------- 324 :: Comment Area Delete Icon 325 -------------------------------------------------- */ 326 327 .table tbody tr td .btn.comment_item_delete { 328 background-color: #d9534f !important; 329 color:#ffffff !important; 330 border:none !important; 331 outline: none; 332 } 333 .table tbody tr td .btn.comment_item_delete .fa.fa-trash{ 334 margin-top:0px !important; 335 } 336 .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { 337 background-color: #d9534f !important; 338 color:#ffffff !important; 339 outline: none; 340 } 341 .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { 342 background-color: #5cb85c !important; 343 color:#ffffff !important; 344 outline: none; 345 } 346/* -------------------------------------------------- 347 :: Announcement Delete Icon 348 -------------------------------------------------- */ 349 350 .table-filter tbody tr td .btn.announ_item_delete { 351 background-color: transparent !important; 352 color:#d9534f !important; 353 border:none !important; 354 outline: none; 355 margin-top:5px !important; 356 } 357 .table-filter tbody tr:hover td .btn.announ_item_delete { 358 color:#d9534f !important; 359 border:none !important; 360 outline: none; 361 } 362 .table-filter tbody tr td .btn.announ_item_delete:hover { 363 border:none !important; 364 outline: none; 365 } 366 .table-filter tbody tr td .btn.announ_item_delete .fa.fa-trash{ 367 margin-top:0px !important; 368 } 369 .table-filter.announce tbody tr td .btn.details_modal, .table-filter.announce tbody tr td .btn.edit_modal { 370 margin-top:6px !important; 371 outline: none; 372 } 373/* -------------------------------------------------- 374 :: Accordion Delete Icon 375 -------------------------------------------------- */
376 .table-filter tbody tr td .btn.accordion_item_delete { 377 background-color: #f7f9f9 !important; 378 color:#d9534f !important; 379 border:none !important; 380 } 381 .table-filter tbody tr:hover td .btn.accordion_item_delete { 382 background-color: #FBFBFB !important; 383 color:#d9534f !important; 384 border:none !important; 385 } 386 .table-filter tbody tr td .btn.accordion_item_delete:hover { 387 background-color: #d9534f !important; 388 color:#ffffff !important; 389 border:none !important; 390 } 391 .table-filter tbody tr td .btn.accordion_item_delete .fa { 392 margin-top:0px !important; 393 } 394 .table-filter tbody tr td .btn.accordion_item_delete { 395 margin-top:0px !important; 396 } 397/* -------------------------------------------------- 398 :: Document Delete Icon 399 -------------------------------------------------- */ 400 401 .table-filter tbody tr td .btn.document_item_delete { 402 background-color: #f7f9f9 !important; 403 color:#d9534f !important; 404 border:none !important; 405 margin-top:5px !important; 406 } 407 .table-filter tbody tr:hover td .btn.document_item_delete { 408 background-color: #FBFBFB !important; 409 color:#d9534f !important; 410 border:none !important; 411 } 412 .table-filter tbody tr:hover td .btn.document_item_delete .fa { 413 margin-top:0px !important; 414 } 415 .table-filter tbody tr td .btn.document_item_delete:hover { 416 background-color: #d9534f !important; 417 color:#ffffff !important; 418 border:none !important; 419 } 420/* -------------------------------------------------- 421 :: Visibility Icon 422 -------------------------------------------------- */ 423 .table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye { 424 color: #5cb85c !important; 425 margin-top:-1px !important; 426 } 427 .table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye-slash { 428 color: #d9534f !important; 429 margin-top:-1px !important; 430 } 431 432 433 .table-filter tbody tr td .btn.document_item_turn_off { 434 background-color: #FBFBFB !important; 435 margin-top:0px !important; 436 border: none !important; 437 outline: none; 438 } 439 .table-filter tbody tr:hover td .btn.document_item_turn_off { 440 background-color: #ffffff !important; 441 border:none !important; 442 outline: none; 443 } 444 .table-filter tbody tr td .btn.document_item_turn_off:hover { 445 background-color: #53b59a !important; 446 border:none !important; 447 outline: none; 448 } 449 450 .table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye-slash { 451 color: #fff !important; 452 } 453 .table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye { 454 color: #fff !important; 455 } 456/* -------------------------------------------------- 457 :: Details and Edit Button 458 -------------------------------------------------- */ 459 .btn.details_modal, 460 .table-filter tbody tr:hover td .btn.details_modal { 461 background-color: #221E1F !important; 462 color:white !important; 463 border:none !important; 464 } 465 .table-filter tbody tr td .btn.details_modal:hover { 466 background-color: #221E1F !important; 467 color:#ffffff !important; 468 border:none !important; 469 } 470 .table-filter tbody tr:hover td .btn.edit_modal { 471 background-color: #221E1F !important; 472 color:white !important; 473 border:none !important; 474 } 475 .table-filter tbody tr td .btn.edit_modal:hover { 476 background-color: #221E1F !important; 477 color:#ffffff !important; 478 border:none !important; 479 } 480/* -------------------------------------------------- 481 :: jconfirm popup delete 482 -------------------------------------------------- */ 483 .jconfirm_delete [data-event="confirm"] { 484 background: #221E1F !important; 485 } 486 .jconfirm_delete [data-event="deny"] { 487 color: #221E1F !important; 488 } 489 .jc-white-theme .jc-arrow-top { 490 border-bottom-color: #fff !important; 491 } 492 .jconfirm_delete { 493 box-shadow: 4px 4px 6px 4px #c7c7c7; 494 border: none !important; 495 } 496 497 498 .ablum-filter .btn .btn-primary { 499 background-color: #337ab7 !important; 500 color:white !important; 501 border:none !important; 502 outline: none; 503 } 504 .ablum-filter .btn-info { 505 background-color: #5bc0de !important; 506 color:white !important; 507 border:none !important; 508 outline: none; 509 } 510 .ablum-filter .btn-danger {
511 background-color: #d9534f !important; 512 color:white !important; 513 border:none !important; 514 outline: none; 515 } 516 .ablum-filter .btn-warning { 517 background-color: #f0ad4e !important; 518 color:white !important; 519 border:none !important; 520 outline: none; 521 } 522 .ablum-filter .btn-success { 523 background-color: #5cb85c !important; 524 color:white !important; 525 border:none !important; 526 outline: none; 527 } 528 .ablum-filter .btn-Normal { 529 background-color: #FBFBFB !important; 530 color:white !important; 531 border:none !important; 532 outline: none; 533 } 534/* -------------------------------------------------- 535 :: css for accordion modal 536 -------------------------------------------------- */ 537 #linkModal { 538 z-index: 2000; 539 } 540 /* class needed for ig feed styling - admin side */ 541 @media (min-width: 1200px) { 542 .ig-feed-lg-offset { 543 margin-left: 12.5%; 544 } 545 } 546 547</style> 548
549<script type="text/javascript"> 550 var loadElemID = ''; 551 const siteDesignOptionsHeadingColor = "#DA3831"; 552 const siteDesignOptionsTextColor = "#333333"; 553 const siteDesignOptionsLinkColor = "#DA3831"; 554</script>
554 555<link rel="canonical" href="https://www.oostburg.k12.wi.us/"> 556<meta property="og:title" content="Oostburg School District"> 557<meta property="og:image" content="https://cdn.smartsites.parentsquare.com/library/common/DefaultShareImage_350x350.png"> 558<meta name="description" content="Oostburg School District"> 559<meta name="keywords" content=""> 560<meta name="author" content="Oostburg School District"> 561<meta name="copyright" content="ParentSquare and Oostburg School District"> 562<meta name="language" content="English"> 563<meta name="charset" content="iso-8859-1"> 564<meta name="distribution" content="Global"> 565<meta name="rating" content="General"> 566<meta name="expires" content="Never"> 567<meta name="robots" content="index, follow"> 568<meta name="revisit-after" content="7 days"> 569<meta name="page-id" content="110324"> 570<meta name="nav-level" content="1"> 571 <link rel="stylesheet" href="/includes/customFonts/icon-set/styles.css" /> 572 <meta charset="utf-8"/> 573 <meta http-equiv="Content-Language" content="en"> 574 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 575 <meta name="viewport" content="width=device-width, initial-scale=1"/> 576 <link rel="shortcut icon" href="https://files.smartsites.parentsquare.com/13419/favicon.ico" type="image/x-icon" /><title>Oostburg School District - Home</title><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Outfit%3A700%7CReddit+Sans%7CInter%3A700%7CSeaweed+Script"><link rel="stylesheet" type="text/css" media="print" href="/templates/common/css_print.css" async defer>
576<script> 577 (function (h, o, u, n, d) { 578 h = h[d] = h[d] || { q: [], onReady: function (c) { h.q.push(c) } } 579 d = o.createElement(u); d.async = 1; d.src = n 580 n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n) 581 })(window, document, 'script', 'https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js', 'DD_RUM') 582 window.DD_RUM.onReady(function () { 583 window.DD_RUM.init({ 584 clientToken: 'pub77a0ea20d4be2115e98a417826c0cb0c', 585 applicationId: 'fc345302-8ceb-435f-96c0-e053557f5949', 586 site: 'datadoghq.com', 587 service: 'smartsites', 588 env: 'production', 589 // Specify a version number to identify the deployed version of your application in Datadog 590 // version: '1.0.0', 591 sessionSampleRate: 1, 592 sessionReplaySampleRate: 1, 593 trackUserInteractions: true, 594 trackResources: true, 595 trackLongTasks: true, 596 defaultPrivacyLevel: 'mask-user-input', 597 }); 598 }) 599 </script>
599 600
600<script> 601 window.FeatureFlags = {"SS_1500":true,"SS_2341":true,"SS_2625":false,"SS_2690":true,"SS_2678":false,"CRO_4438":true,"SS-3067":false,"SiteAdmin.SyncSharedComponentESRefactor":true,"GqlPostFeeds":true,"PdfParser.Pagecount":false,"Calendar.EventsNoEndDate":true,"BulkProfilePic.ReactConversion":false,"ES.SearchQueryOptimization":true,"ES.Timeout":true,"Calendar.AsynchronousEventSlider":true,"Site.SocialMediaPreviewImg":true,"Page.LegacyLockedPages":false,"UserFavorites.ComponentMarkingSystem":true,"PostFeedGroups":true,"Admin.ParentSquare.Styles":true,"Components.CommunityGroups":true,"Spotlight.SmallWithComponentBody":true,"PageValidation.Calendar":true,"Chatbot.Enabled":false,"District.PopularLinks":true,"Security.Cro12871LoadStackItemsGuard":true,"Admin.PSQLogoRebrand":true,"StaffDirectory.ReactContactForm":true,"Documents.DownloadTracking":true,"LinkChecker.API.Check":true,"Chatbot.Dashboard":true,"Chatbot.Settings":true,"CmsMigration.API.ImportContent":true,"HorizontalPictureSeries.SwapReorder":true,"PageSettings.CondenseContent":true,"Components.ColumnsColumnHeadings":true,"IconMatrix.ComponentBodyHeading":true,"ResourceCalendars.ContrastGuardrails":true,"Components.SinglePsqPost":false,"Assets.LegacyCleanup":true,"ScrollOverImages.Backgroun
601dColorImage":true,"RecycleBin.Refactoring":false,"decompose_stack_type_57":true,"SmartAdmin.RedirectBulkImport":true,"ComponentFavorites.API":false,"ProfilePicture.API.FetchDelete":false,"PagePro.ImportSingleComponent":false,"decompose_stack_type_64":false,"Components.ColumnsContentStyles":false,"PhotoDrawer.ImageVariants":false}; 602 </script>
602 603 <link rel="modulepreload" href="/dist/assets/documentTracking-D0cSWl7z.js" />
603<script type="module" src="/dist/assets/documentTracking-D0cSWl7z.js"></script>
603
603<script 604 type="text/javascript" 605 src="https://cdn.smartsites.parentsquare.com/lib/jquery/3.6.0/jquery.min.js" 606 integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" 607 crossorigin="anonymous" 608 ></script>
608 609
609<script 610 src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.js" 611 integrity="sha384-sC4zu1a2SFQFGYBkaBToaGs3q67h0XwkuZQWeuDcF36dMjN2G6kWneRHoE3EdZ2D" 612 crossorigin="anonymous" 613 ></script>
613 614
614<script 615 src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery.ui.touch-punch.min.js" 616 integrity="sha384-MI/QivrbkVVJ89UOOdqJK/w6TLx0MllO/LsQi9KvvJFuRHGbYtsBvbGSM8JHKCS0" 617 crossorigin="anonymous" 618 ></script>
618 619 620
620<script type="text/javascript" src="/js/jquery.fittext.js"></script>
620 621 622 <link 623 rel="stylesheet" 624 href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/bootstrap.css" 625 integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" 626 crossorigin="anonymous" 627 /> 628 <link rel="stylesheet" type="text/css" href="/css/bootstrap_custom_5column.css" /> 629 <link 630 rel="stylesheet" 631 href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/daterangepicker.css" 632 integrity="sha384-I7hgs8ZRNoM5/Df9CSWppjNRLWEykml6aS6mhsfcbJhgI8jX5c04D8rStWRXFrTA" 633 crossorigin="anonymous" 634 /> 635 <link rel="stylesheet" 636 href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/build.css" 637 integrity="sha384-+W9JHuw1WbupIW+lP+JnQdmQN5FG5Mi7gyrQqnT2AHxPtpr+gIjYtB77j3ciwQcF" 638 crossorigin="anonymous" 639 /> 640
640<script 641 type="text/javascript" 642 src="https://cdn.smartsites.parentsquare.com/lib/js/bootstrap.min.js" 643 integrity="sha384-HQDRcraHJG13A26h3RbjhkUw8Spk/X4wHJA/fPCQ3IXPlHfU93JhJEEiHZ8uhtbI" 644 crossorigin="anonymous" 645 ></script>
645 646
646<script 647 type="text/javascript" 648 src="https://cdn.smartsites.parentsquare.com/lib/momentjs/moment.min.js" 649 integrity="sha384-jzJ+sNWbKe71gDLLfQKgdtslQjhK70oKLFN+wmwxyg6mQN7Vem+wzce4pryF0HP/" 650 crossorigin="anonymous" 651 ></script>
651 652
652<script 653 type="text/javascript" 654 src="https://cdn.smartsites.parentsquare.com/lib/bootstrap/js/daterangepicker.js" 655 integrity="sha384-rir2SQU4/PHUpA8Bf0tnnwMOZwQBBlSYMz5TUMo4wIwkpAuuErlLSAULgDsJYbA2" 656 crossorigin="anonymous" 657 ></script>
657 658 <link rel="stylesheet" 659 href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.css" 660 integrity="sha384-tewSheIhRp+og/A/t/fjeITzC+Lif7RoRf+uu5fpCNjV5iV1c7H9rNh60AKqwabB" 661 crossorigin="anonymous" 662 /> 663 <link rel="stylesheet" href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.theme.min.css" 664 integrity="sha384-5lhP3Gu7JSM9XgFNEVR5ZjWivaKVmsYbWQkxdPoEG1lseGQ0hJCkFkDwN0i3fRxW" 665 crossorigin="anonymous" 666 /> 667
667<script type="text/javascript" src="/includes/js/countUp.js"></script>
667 668
668<script type="text/javascript" src="/js/pause_carousels.js"></script>
668 669 670 <!-- Slick Slider CSS --> 671 <link rel="stylesheet" type="text/css" href="/includes/css/slick.css"/> 672 <!-- Slick Slider JS --> 673
673<script src="/includes/js/slick.min.js"></script>
673 674
674<script src="/js/slick-a11y.js?v=20261006210426"></script>
674 675
675<script src="/includes/js/enquire.min.js"></script>
675 676 677 <link href="/css/bootstrap-select.css" rel="stylesheet"> 678 <link 679 href="https://cdn.smartsites.parentsquare.com/fontawesome/fontawesome7.3.1/css/fa-all.v2.min.css" 680 rel="stylesheet" 681 integrity="sha384-uKNTZljlm44oCrAmQSO1z7kokYPoL7eU1VO3yw9+gbyYklFoR1k5xNagtC4RS3tf" 682 crossorigin="anonymous" 683 /> 684 <link href="https://cdn.smartsites.parentsquare.com/fontawesome/smartsites/v10/css/custom-icons.min.css" 685 rel="stylesheet" 686 type="text/css" 687 integrity="sha384-Q0QR160VymkTQTu+7EW4S5VoGkz3gz1/z+8dG+F3zmKY4J6uiyhN/BTWqAUlnxKr" 688 crossorigin="anonymous" 689 /> 690
690<script type="text/javascript" src="/js/bootstrap-select.js"></script>
690 691 <link 692 rel="stylesheet" 693 type="text/css" 694 href="https://cdn.smartsites.parentsquare.com/lib/alertify/1.13.1/themes/alertify.combined.css" 695 integrity="sha384-l3NZrXjxol09TE8Ix43axKqrwCFKVPA0w0JKno0AoLhYjW2JJ2gvC5XA+AcPZ9mZ" 696 crossorigin="anonymous" 697 /> 698
698<script type="text/javascript" src="/includes/alertify/lib/alertify.min.js"></script>
698 699
699<script 700 type="text/javascript" 701 src="https://cdn.smartsites.parentsquare.com/lib/js/wow.min.js" 702 integrity="sha384-iO46hjwJrsVBSL6dSZiISIaArh5K3mgUT5bTQVkkFF+wMh0DNbK6xPgTfyrYtteD" 703 crossorigin="anonymous" 704 ></script>
704 705 <link 706 rel="stylesheet" 707 type="text/css" 708 href="https://cdn.smartsites.parentsquare.com/css/animate.css" 709 integrity="sha384-q00rjbZK7hm9ZyQShTBydn6PZTbRe+EzzlX+Np7sOSp2qDP7Vu4yHFppyPccjIfD" 710 crossorigin="anonymous" 711 /> 712 <link rel="stylesheet" type="text/css" href="/includes/css/liquid-slider.css" /> 713 <link rel="stylesheet" type="text/css" href="/css/normalize.css?abcd1234" /> 714 <style> 715 .container { 716 width:100%; 717 margin-right:auto; 718 margin-left:auto; 719 padding-right:2rem; 720 padding-left:2rem; 721 722 } 723 @media(min-width:640px){ 724 .container { 725 max-width:640px 726 } 727 } 728 @media(min-width:768px){ 729 .container { 730 max-width:768px; 731 padding-right:4rem; 732 padding-left:4rem 733 } 734 } 735 @media(min-width:1024px){ 736 .container { 737 max-width:1024px 738 } 739 } 740 @media(min-width:1280px){ 741 .container { 742 max-width:1280px; 743 padding-right:6rem; 744 padding-left:6rem 745 } 746 } 747 @media(min-width:1536px){ 748 .container { 749 max-width:1536px 750 } 751 } 752 @media(min-width:1680px){ 753 .container { 754 max-width:1680px 755 } 756 } 757</style> <link href="/css/jquery.smartmenus.bootstrap.css" rel="stylesheet"> 758
758<script type="text/javascript" src="/js/jquery.smartmenus.js"></script>
758 759
759<script type="text/javascript" src="/js/jquery.smartmenus.bootstrap.js"></script>
759 760 <link rel="modulepreload" href="/dist/assets/FeatureFlagsUtil-L982irFf.js" /> 761<link rel="modulepreload" href="/dist/assets/SmartMenu-2AkILJe6.js" /> 762<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" /> 763<link rel="modulepreload" href="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js" /> 764<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" /> 765<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" />
765<script type="module" src="/dist/assets/FeatureFlagsUtil-L982irFf.js"></script>
vendor: 1 bytes, line 765
765
766<script type="module" src="/dist/assets/SmartMenu-2AkILJe6.js"></script>
vendor: 1 bytes, line 766
766
767<script type="module" src="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js"></script>
767 <link rel="modulepreload" href="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js" /> 768<link rel="modulepreload" href="/dist/assets/FaHoverAnimations-Bh_oO09Q.js" />
768<script type="module" src="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js"></script>
vendor: 1 bytes, line 768
768
769<script type="module" src="/dist/assets/FaHoverAnimations-Bh_oO09Q.js"></script>
769
769<script type="text/javascript" src="/js/jarallax214.min.js"></script>
769 770
770<script type="text/javascript" src="/js/jarallax-video214.min.js"></script>
770 771 <link rel="stylesheet" type="text/css" href="/css/jarallax.min.css" /> 772
772<script 773 src="https://cdn.jsdelivr.net/npm/[email protected]/rellax.min.js" 774 integrity="sha384-pSQdnqsuAwdyk3FjmdCugWc6JXrpCyQPJbweAfCT9EjnJayrGAKKuI6V54wCfQ5c" 775 crossorigin="anonymous" 776 ></script>
776 777
777<script> 778 $(function() { 779 // Found: https://dirask.com/posts/JavaScript-detect-Apple-Safari-web-browser-p5g2R1 780 const platformExpression = /Mac|iPhone|iPod|iPad/i; 781 const rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i; 782 const expectedExpression = /Safari/i; 783 784 const isAppleSafari = () => { 785 const agent = navigator.userAgent; 786 if (rejectedExpression.test(agent)) { 787 return false; 788 } 789 return platformExpression.test(agent) && expectedExpression.test(agent); 790 }; 791 792 // Global jarallax config 793 $('.jarallax').jarallax({ 794 disableParallax: function () { 795 return isAppleSafari() 796 }, 797 disableVideo: function () { 798 return isAppleSafari() 799 }, 800 speed: 0.2 801 }); 802 }); 803 </script>
803 804 805 <!-- Google Fonts --> 806 <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet"> 807 <link rel="stylesheet" type="text/css" href="/css/main-sass.css?v=20261006210426"> 808
808<script src="/js/classes/ColorContrast.js?v=20261006210426"></script>
808 809
809<script 810 type="text/javascript" 811 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/loadingoverlay.min.js" 812 integrity="sha384-L2MNADX6uJTVkbDNELTUeRjzdfJToVbpmubYJ2C74pwn8FHtJeXa+3RYkDRX43zQ" 813 crossorigin="anonymous" 814 ></script>
814 815
815<script src="/js/stack_items.js?v=20261006210426"></script>
815 816
816<script type="module" src="/js/components.js?v=20261006210426"></script>
816 817
817<script src="/js/general.js?v=20261006210426"></script>
817 818
818<script src="/js/deviceDetector.js?v=20261006210426"></script>
818 819
819<script src="https://use.typekit.net/ynn5aia.js" 820 crossorigin="anonymous" 821 rel="preload" 822 as="script" 823 ></script>
823 824
824<script> 825 try { 826 Typekit.load({async: true}); 827 } catch (e) {} 828 </script>
828 829 <style> 830 body { 831 -webkit-font-smoothing: antialiased; 832 } 833 .grecaptcha-badge { 834 visibility: hidden; 835 } 836 .psq_font { 837 font-family: "proxima-nova", "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif; 838 } 839 .psq_footer_logo { 840 font-size: 16px; 841 } 842 .psq_footer_logo a { 843 text-decoration: none !important; 844 } 845 846 /*Extra large Modals*/ 847 @media (min-width: 768px) { 848 .modal-xxl { 849 width: 90%; 850 max-width:1200px; 851 } 852 } 853 .ajs-button.btn.btn-success { 854 color: #fff !important; 855 background-color: #5cb85c !important; 856 border-color: #4cae4c !important; 857 } 858 .containSelect { 859 max-width:185px; 860 } 861 .natural_p_tag { 862 margin-top: 1em; 863 margin-bottom: 1rem; 864 } 865 .stretchSelect { 866 width:100%; 867 } 868 .embed-responsive.embed-responsive-16by9 { 869 position: auto !important; 870 } 871 .remove_default_padding { 872 padding:0px !important; 873 margin:0px !important; 874 display:inline-block; 875 } 876 #search { 877 position: fixed; 878 top: 0px; 879 left: 0px; 880 width: 100%; 881 height: 100%; 882 background-color: rgba(0, 0, 0, 0.7); 883 -webkit-transition: all 0.5s ease-in-out; 884 -moz-transition: all 0.5s ease-in-out; 885 -o-transition: all 0.5s ease-in-out; 886 -ms-transition: all 0.5s ease-in-out; 887 transition: all 0.5s ease-in-out; 888 -webkit-transform: translate(0px, -100%) scale(0, 0); 889 -moz-transform: translate(0px, -100%) scale(0, 0); 890 -o-transform: translate(0px, -100%) scale(0, 0); 891 -ms-transform: translate(0px, -100%) scale(0, 0); 892 transform: translate(0px, -100%) scale(0, 0); 893 opacity: 0; 894 } 895 #search.open { 896 -webkit-transform: translate(0px, 0px) scale(1, 1); 897 -moz-transform: translate(0px, 0px) scale(1, 1); 898 -o-transform: translate(0px, 0px) scale(1, 1); 899 -ms-transform: translate(0px, 0px) scale(1, 1); 900 transform: translate(0px, 0px) scale(1, 1); 901 opacity: 1; 902 z-index:999999999; 903 } 904 #search input[type="search"] { 905 position: absolute; 906 top: 50%; 907 width: 100%; 908 color: rgb(255, 255, 255); 909 background: rgba(0, 0, 0, 0); 910 font-size: 60px; 911 font-weight: 300; 912 text-align: center; 913 border: 0px; 914 margin: 0px auto; 915 margin-top: -51px; 916 padding-left: 30px; 917 padding-right: 30px; 918 outline: none; 919 } 920 .btn.btn-success.btn-sm.editbutton, .stack_sort_handle, .visButton { 921 filter: brightness(100%) !important; 922 } 923 #search .btn { 924 position: absolute; 925 top: 50%; 926 left: 50%; 927 margin-top: 61px; 928 margin-left: -45px; 929 } 930 #search .close { 931 position: fixed; 932 top: 15px; 933 right: 15px; 934 color:#000000 !important;; 935 background-color:#EDEDED; 936 border-color: #EDEDED; 937 opacity: 1; 938 padding: 10px 17px; 939 font-size: 27px; 940 } 941} 942 /*STYLING TAB ONLY BUTTONS*/ 943 .sr-only.sr-only-focusable { 944 background-color:#000000 !important; 945 color: #FFFFFF !important; 946 font-weight:bold !important; 947 padding:10px !important; 948 border: 5px solid yellow !important; 949 text-decoration:none !important; 950 } 951 /*LOGGED IN BAR*/ 952 .btn-group-justified.adminBar { 953 color:#000000 !important; 954 } 955 .btn-warning.admin-btn, .btn-success.admin-btn, .btn-danger.admin-btn, .btn-info.admin-btn, .btn-primary.admin-btn, .btn-default.admin-btn { 956 color:#FFFFFF !important; 957 font-weight:bold !important; 958 filter: brightness(100%) !important; 959 } 960 961 /** Component Header Config */ 962 963 .ss-component-header { 964 .ss-component-header-title { 965 font-family: Inter, sans-serif; 966 font-weight: 700; font-size: clamp(26px, 8vw, 48px); color: #DA3831; 967 &:before, 968 &:after { 969 border-color: #EDEDED } 970 971 &:before, 972 &:after { 973 display: none; 974 } 975 976 } 977 } 978 979 /** Columns per-column headings (SS-4812): inherit Component Heading font 980 and size. Color comes from Site Design unless the component sets an 981 alternate heading color. Never render accent lines. */ 982 .ss-column-heading { 983 font-family: Inter, sans-serif; 984 font-weight: 700; font-size: clamp(26px, 8vw, 48px); color: #DA3831; } 985 h3.ss-column-heading {
986 font-size: clamp(26px * 0.75, 8vw * 0.75, 48px * 0.75); } 987 </style> 988
988<script> 989 var targetDate = new Date(Date.now() + (86400 * 1000)).getTime(); 990 $(document).ready(function() { 991 var dateStartCounter = 0; 992 $( "input[name='daterangepicker_start']" ).each(function(i,val) { 993 $( this ).attr('id','daterangepicker_start'+dateStartCounter); 994 $( this ).prepend('<label for="daterangepicker_start'+dateStartCounter+'">Start Date</label>'); 995 dateStartCounter++; 996 }); 997 var dateEndCounter=0; 998 $( "input[name='daterangepicker_end']" ).each(function(i,val) { 999 $( this ).attr('id','daterangepicker_end'+dateEndCounter); 1000 $( this ).prepend('<label for="daterangepicker_end'+dateEndCounter+'">End Date</label>'); 1001 dateEndCounter++; 1002 }); 1003 //if scale is on (set to on or empty), and any font size is set by in site designs, pass the plugin the fitText paramteries 1004 if ($('.the_site_title').length !== 0) { 1005 $(".the_site_title").fitText(1, { minFontSize: '0px', maxFontSize: '100px' }); 1006 } 1007 //else 1008 //else dont run the site title is using basic bootstrap, the text will break on spaces, and font size is set by media queries 1009 }); 1010 function getCookie(cname) { 1011 var name = cname + "="; 1012 var ca = document.cookie.split(';'); 1013 for(var i = 0; i < ca.length; i++) { 1014 var c = ca[i]; 1015 while (c.charAt(0) == ' ') { 1016 c = c.substring(1); 1017 } 1018 if (c.indexOf(name) == 0) { 1019 return c.substring(name.length, c.length); 1020 } 1021 } 1022 return ""; 1023 } 1024 function setCookie(name, value) { 1025 var date = new Date(); 1026 date.setTime(date.getTime() + (86400 * 1000)); 1027 var expires = "expires=" + date.toUTCString(); 1028 document.cookie = name + "=" + value + "; " + expires; 1029 } 1030 function deleteCookie(name) { 1031 var expires = "expires=Thu, 01 Jan 1970 00:00:01 GMT"; 1032 document.cookie = name + "=" + "" + "; " + expires; 1033 } 1034 1035 // added to patch chrome loging out bug with multisite tabs open - Abby 03/21/2022 1036 function check_timer() { 1037 targetDate = parseInt(getCookie(sess) * 1000); 1038 let currentDate = new Date().getTime(); 1039 let secondsLeft = ((targetDate - currentDate) / 1000) % 3600; 1040 return parseInt(secondsLeft); 1041 } 1042 /** 1043 * used JS to determine what part of the contained string needs to be truncated. Built for use with Sub-nav stack. 1044 * container_class is the class of the button or div that contains the string and that determines the width available area 1045 * text_class is the class on the SPAN that contains the text to be truncated. The span will have to have this class 1046 * and the data attribute "data-original" that contains the full string prior to truncating 1047 * size_divider is a numeric value that determins the change from width to pixel size. Default is 8 1048 * Created 5/3/22 by Will Raines 1049 */ 1050 function magic_truncate(container_class, text_class, size_divider = 8) 1051 { 1052 $('.'+container_class).each(function(){ 1053 var outer_width = $(this).width(); 1054 var usable_area = outer_width - 50; 1055 var string_limit = Math.floor(usable_area / size_divider); 1056 var text_string = $(this).find("."+text_class).attr('data-original');
1057 $(this).find("."+text_class).text(text_string); 1058 1059 var text_string_width = $(this).find("."+text_class).width(); 1060 var truncated_text = ''; 1061 1062 if (text_string_width > usable_area) { 1063 var truncated_text = text_string.substring(0, string_limit); 1064 $(this).find("."+text_class).text(truncated_text+' ...'); 1065 } 1066 }); 1067 } 1068 </script>
1068 1069
1069<script type="text/javascript"> 1070 $(document).ready(function() { 1071 //add menu animations 1072 }); 1073 var wow = new WOW ({ 1074 offset: 75, // distance to the element when triggering the animation (default is 0) 1075 mobile: false, // trigger animations on mobile devices (default is true) 1076 }); 1077 wow.init(); 1078 $.fn.removeCss = function() { 1079 var removedCss = $.makeArray(arguments); 1080 return this.each(function() { 1081 var e$ = $(this); 1082 var style = e$.attr('style'); 1083 if (typeof style !== 'string') return; 1084 style = $.trim(style); 1085 var styles = style.split(/;+/); 1086 var sl = styles.length; 1087 for (var l = removedCss.length, i = 0; i < l; i++) { 1088 var r = removedCss[i]; 1089 if (!r) continue; 1090 for (var j = 0; j < sl;) { 1091 var sp = $.trim(styles[j]); 1092 if (!sp || (sp.indexOf(r) === 0 && $.trim(sp.substring(r.length)).indexOf(':') === 0)) { 1093 styles.splice(j, 1); 1094 sl--; 1095 } else { 1096 j++; 1097 } 1098 } 1099 } 1100 if (styles.length === 0) { 1101 e$.removeAttr('style'); 1102 } else { 1103 e$.attr('style', styles.join(';')); 1104 } 1105 }); 1106 }; 1107 text_truncate = function(str, length, ending) { 1108 if (length == null) { 1109 length = 100; 1110 } 1111 if (ending == null) { 1112 ending = '...'; 1113 } 1114 if (str.length > length) { 1115 return str.substring(0, length - ending.length) + ending; 1116 } else { 1117 return str; 1118 } 1119 }; 1120 $.fn.hasClassStartsWith = function(className) { 1121 return this.filter('[class^=\''+className+'\'], [class*=\''+className+'\']'); 1122 } 1123 </script>
1123 1124 </head> 1125<body class="ss-widen-container ss-hp ss-transparent-header ss-body-site-header-three "> 1126 <style> 1127 #skipToMainContentLink { 1128 color: white; 1129 background-color: black; 1130 font-size: 14px; 1131 padding: 6px; 1132 } 1133 </style> 1134 <div id="jumpToTop"></div> 1135 <div id="ss-live-status" role="status" aria-live="polite" aria-atomic="true" class="sr-only"></div> 1136 <a id="skipToMainContentLink" href="#skiptocontent" class="sr-only sr-only-focusable">Skip to main content</a> 1137 <link rel="modulepreload" href="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js" /> 1138<link rel="modulepreload" href="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js" /> 1139<link rel="modulepreload" href="/dist/assets/AlertsDialog-D9bH4YML.js" /> 1140<link rel="modulepreload" href="/dist/assets/schemas-BdgNnLKl.js" /> 1141<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" /><link rel="stylesheet" href="/dist/assets/AlertsDialog-DTCJJhlc.css" />
1141<script type="module" src="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js"></script>
vendor: 1 bytes, line 1141
1141
1142<script type="module" src="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js"></script>
1142 <style> 1143 .ss-lightbox-modal-alert { 1144 --ss-modal-content-alert-btn-text-font-color: #FFFFFF; 1145 --ss-modal-content-alert-btn-color: #000000; 1146 } 1147 </style> <!-- 1148 This navigation is hidden from website view, and is only used to determine navbar height, if bootstrap sticky nav is set to display 1149 --> 1150 <nav style="display:none;" aria-hidden="true" class="navHeightBar navbar navbar-inverse"> 1151 <div class="container-fluid"> 1152 <div class="navbar-header"> 1153 <button aria-hidden="true" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 1154 <span class="sr-only">Welcome</span> 1155 <span class="icon-bar"></span> 1156 <span class="icon-bar"></span> 1157 <span class="icon-bar"></span> 1158 </button> 1159 </div> 1160 <div class="collapse navbar-collapse" id="myNavbar"> 1161 <ul class="nav navbar-nav"> 1162 <li class="active"><a href="#">Home</a></li> 1163 <li><a href="#" class="search_clickify"><i aria-label="Search" role="img" class="fa-solid fa-magnifying-glass"></i></a></li> 1164 </ul> 1165 </div> 1166 </div> 1167 </nav> 1168
1168<script> 1169 $(document).ready(function() { 1170 $('.makeTableResponsive table').each(function() { 1171 $(this).addClass("table") 1172 $(this).addClass("table-bordered"); 1173 if ($(this).attr("style") == "width: 500px;") { 1174 $(this).removeAttr("style"); 1175 } 1176 $(this).wrap("<div class='table-responsive'></div>"); 1177 $(this).parents().find(".img-responsive:first").removeClass('makeTableResponsive'); 1178 }); 1179 $(".makeTableResponsive table td").css({"border-color":"#333333"}); 1180 $(".table:not(.dataTable) td").css({"border-color":"#333333"}); 1181 $('.makeTableResponsive').removeClass('makeTableResponsive'); 1182 if (typeof setSideBarCalendars !== "undefined") { 1183 setSideBarCalendars(); 1184 } 1185 if (typeof setSideBarLessonplans !== "undefined") { 1186 setSideBarLessonplans(); 1187 } 1188 $(function () { 1189 $('.search_clickify').on('click', function(event) { 1190 event.preventDefault(); 1191 window.location = 'search'; 1192 }); 1193 $('#search, #search button.close').on('click keyup', function(event) { 1194 if (event.target == this || event.target.className == 'close' || event.keyCode == 27) { 1195 $(this).removeClass('open'); 1196 } 1197 }); 1198 }); 1199 1200 function sidebarContactModal() { 1201 $('#sndMsgBut').on('click',function() { 1202 $(".openmodal").click(function() { 1203 $('#send_message_modal .modal-body').html('<center><h2>Send A Message</h2></center>'+'<div style="margin:20px;" class="col-md-12" style="height:800px"><div style="height:800px !important"><iframe src="/includes/pages/responsive_send_message.php" frameBorder="0" style="width:100%; height:800px !important;"></iframe></div></div>'); 1204 }); 1205 $('#send_message_modal').on('hidden.bs.modal', function () { 1206 $('#send_message_modal .modal-body').html(''); 1207 }) 1208 }); 1209 } 1210 //Gather sub nav html on section with subpages 1211 top_subnav = $("#other_pages_in_section").html(); 1212 bottom_subnav = $("#subMenu").html(); 1213 //set subnav html to a variable, empty other placement div based on screen width 1214 if (top_subnav != '') { 1215 subnav_content=top_subnav; 1216 $("#subMenu").empty() 1217 $("#other_pages_in_section").empty() 1218 } 1219 if (bottom_subnav != '') { 1220 subnav_content = bottom_subnav; 1221 $("#subMenu").empty() 1222 } 1223 //set sub nav where it goes on load 1224 if ($(window).width() <= 767) { 1225 $('#other_pages_in_section').html(subnav_content); 1226 replaceNavBrand(''); 1227 } else { 1228 if ($(window).width() >= 767) { 1229 $('#subMenu').html(subnav_content); 1230 replaceNavBrand(''); 1231 } 1232 } 1233 /** 1234 * Determines how far to push down the body tag if sticky nav is set, and then pushes it down 1235 * @param not needed 1236 * @return boolean 1237 */ 1238 function stickyNavBodyTagPusher() { 1239 setTimeout(function () { 1240 //finds the hidden nav to obtain the nav height on a full width device 1241 big_screen_height = $(".navHeightBar").outerHeight()-1; 1242 //a collapsed nav uses a different height than a non-collapsed nav, this obtains that height 1243 superSmallScreen = big_screen_height -7; 1244 //Determines the outer height of the nav being used on the website 1245 globalNavHeight = $(".globalnav").outerHeight(); 1246 // Determains the outer height of the district selector 1247 const selectorheight = $("#districtSelector").outerHeight(); 1248 //determines the px difference between the size of the nav normally, and when its expanded beyond one row on smaller devices 1249 pushDownBody = (globalNavHeight - big_screen_height); 1250 //in rare cases large navigations may not be able to accurtly predict how far down the body should be pushed below the nav, this allows custom input 1251 pushDownBody = pushDownBody + parseInt(10); 1252 //if stickynav is used we don't want to use the pushBodyDown var 1253 pushDownBodyJs = parseInt(1); 1254 //if district selector is set 1255 pushDownBody = pushDownBody - 2; 1256 $("#districtSelector").css('padding-top','20px'); 1257 // $('#disSelPos').css('margin-top',globalNavHeight+'px'); 1258 // Commenting out for possible sticky nav bug, gap between nav and top of site.
1259 $('body').css('margin-top',(pushDownBody+selectorheight+big_screen_height)+'px'); 1260 return true; 1261 }, 100); 1262 } 1263 //set sidebars and subnavs where they go on window resize 1264 window.onresize = function() { 1265 if (window.innerWidth <= 991) { 1266 if (typeof sidebarContactModal !== "undefined") { 1267 sidebarContactModal(); 1268 } 1269 if (typeof setSideBarCalendars !== "undefined") { 1270 setSideBarCalendars(); 1271 } 1272 if (typeof setSideBarLessonplans !== "undefined") { 1273 setSideBarLessonplans(); 1274 } 1275 } else { 1276 if (window.innerWidth >= 992) { 1277 if (typeof sidebarContactModal !== "undefined") { 1278 sidebarContactModal(); 1279 } 1280 if (typeof setSideBarCalendars !== "undefined") { 1281 setSideBarCalendars(); 1282 } 1283 if (typeof setSideBarLessonplans !== "undefined") { 1284 setSideBarLessonplans(); 1285 } } 1286 } 1287 if (window.innerWidth <= 767) { 1288 $('#subMenu').empty(); 1289 $('#other_pages_in_section').html(subnav_content); 1290 //animateHamburger(); 1291 replaceNavBrand(''); 1292 } else { 1293 if (window.innerWidth >= 767) { 1294 $('#other_pages_in_section').empty(); 1295 $('#subMenu').html(subnav_content); 1296 //animateHamburger(); 1297 replaceNavBrand(''); 1298 } 1299 } 1300 } 1301 function replaceNavBrand(branding) { 1302 $(".globalBranding").html(branding) 1303 } 1304 $('a').click(function(e) { 1305 //prevent cliking on # from scrolling to top of screen 1306 if ($(this).attr('href') == '#') { 1307 e.preventDefault(); 1308 } 1309 }); 1310 sidebarContactModal(); 1311 }); 1312 /** 1313 * Author: Heather Corey 1314 * jQuery Simple Parallax Plugin 1315 */ 1316 (function($) { 1317 $.fn.parallax = function(options) { 1318 var windowHeight = $(window).height(); 1319 // Establish default settings 1320 var settings = $.extend({ 1321 speed : 0.15 1322 }, options); 1323 // Iterate over each object in collection 1324 return this.each( function() { 1325 // Save a reference to the element 1326 var $this = $(this); 1327 // Set up Scroll Handler 1328 $(document).scroll(function() { 1329 var scrollTop = $(window).scrollTop(); 1330 var offset = $this.offset().top; 1331 var height = $this.outerHeight(); 1332 // Check if above or below viewport 1333 if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) { 1334 return; 1335 } 1336 var yBgPosition = Math.round((offset - scrollTop) * settings.speed);
1337 // Apply the Y Background Position to Set the Parallax Effect 1338 $this.css('background-position', 'center ' + yBgPosition + 'px'); 1339 }); 1340 }); 1341 } 1342 }(jQuery)); 1343 //function to figure out if element is in viewport 1344 if (typeof $.fn.isInViewport === "undefined") { 1345 $.fn.isInViewport = function() { 1346 var elementTop = $(this).offset().top; 1347 var elementBottom = elementTop + $(this).outerHeight(); 1348 var viewportTop = $(window).scrollTop(); 1349 var viewportBottom = viewportTop + $(window).height(); 1350 return elementBottom > viewportTop && elementTop < viewportBottom; 1351 }; 1352 } 1353 // function to determine the tallest height of given elems and set the height of all elems to that 1354 function normalize_heights(items) { 1355 let heights = []; //create empty array to store height values 1356 let tallest = 0; //create variable to make note of the tallest slide 1357 items.each(function() { //add heights to array 1358 heights.push($(this).outerHeight()); 1359 }); 1360 tallest = Math.max.apply(null, heights); //cache largest value 1361 items.each(function() { 1362 $(this).css('min-height',tallest + 'px'); 1363 }); 1364 } 1365 </script>
1365 1366 <div id="scriptloads"></div> 1367 <div class="modal fade" id="send_message_modal" tabindex="-1" role="dialog"> 1368 <div class="modal-dialog"> 1369 <!-- Modal content--> 1370 <div class="modal-content"> 1371 <div class="modal-header"> 1372 <button type="button" class="close" data-dismiss="modal">×</button> 1373 </div> 1374 <div class="modal-body"> 1375 </div> 1376 <div class="modal-footer"> 1377 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 1378 </div> 1379 </div> 1380 </div> 1381 </div> 1382 </div></div> <style> 1383 .ss-site-header { 1384 --ss-header-background-color: #000000; 1385--ss-header-gradient: linear-gradient(to bottom, rgba(0,0,0,.6) 0px, rgba(0,0,0,.5) calc(100% - 70px), rgba(0,0,0,0) 100%); 1386--ss-header-transparent-spacer-color: rgba(255, 255, 255, .20); 1387--ss-header-background-image: url('https://files.smartsites.parentsquare.com/13419/design_img__cbou05lg458k8ognken.png'); 1388--ss-header-background-position: center; 1389--ss-header-spacer-color-desktop: rgba(255, 255, 255, .20); 1390--ss-header-spacer-color-mobile: rgba(255, 255, 255, .20); 1391--ss-background-nav-color: #DA3831; 1392--ss-background-nav-hover-color: #DA3831; 1393--ss-nav-font-family: Outfit, sans-serif; 1394--ss-nav-font-weight: 700; 1395--ss-nav-font-size-desktop: 20px; 1396--ss-nav-font-color: white; 1397--ss-nav-font-hover-color: white; 1398--ss-nav-icon-color: white; 1399--ss-menu-background-color: white; 1400--ss-menu-background-hover-color: #000000; 1401--ss-menu-font-family: Reddit Sans, sans-serif; 1402--ss-menu-font-size: 18px; 1403--ss-menu-font-color: #DA3831; 1404--ss-menu-font-hover-color: white; 1405--ss-showcase-caption-color: #000000; 1406--ss-site-name-font-family: Inter, sans-serif; 1407--ss-site-name-font-weight: 700; 1408--ss-site-name-font-size-desktop: 32px; 1409--ss-site-name-font-size-mobile: 28px; 1410--ss-site-name-font-color: white; 1411--ss-tagline-font-family: Reddit Sans, sans-serif; 1412--ss-tagline-font-size-desktop: 20px; 1413--ss-tagline-font-size-mobile: 18px; 1414--ss-tagline-font-color: white; 1415--ss-utility-font-family: Reddit Sans, sans-serif;
1416--ss-utility-font-size: 16px; 1417--ss-utility-font-color: white; 1418--ss-utility-icon-color: white; 1419--ss-utility-bar-background-color: #DA3831; 1420--ss-default-font-family: Reddit Sans, sans-serif; 1421--ss-default-font-size: 18px; 1422 } 1423 #ss-header-mobile-menu, 1424 #ss-schools-modal, 1425 #ss-popular-links-modal { 1426 --ss-modal-font-hover-color: #DA3831; 1427--ss-modal-heading-font-family: Inter, sans-serif; 1428--ss-modal-heading-font-weight: 700; 1429--ss-modal-font-family: Reddit Sans, sans-serif; 1430--ss-header-popular-links-icon-color: #DA3831; 1431--ss-default-font-size: 18px; 1432 } 1433 #ss-popular-links-modal .ss-lightbox-modal-content { 1434 padding: 20px; 1435 } 1436 </style> 1437 <header class="ss-site-header ss-site-header-three"> 1438 <nav class="ss-site-header-main-nav ss-site-header-main-nav-mobile" aria-label="Main"> 1439 <ul class="ss-site-header-main-links-container js-site-header-contains-translate nav"><li class="ss-desktop-only js-header-custom-link custom-link"> 1440 <a class="" href="https://www.oostburg.k12.wi.us/117837" > 1441 <div class="ss-site-header-main-link-title"> 1442 <span>Employment</span> 1443 </div> 1444 </a> 1445 1446 </li><li class="ss-desktop-only js-header-custom-link custom-link"> 1447 <a class="" href="https://www.oostburg.k12.wi.us/117838" > 1448 <div class="ss-site-header-main-link-title"> 1449 <span>Calendar</span> 1450 </div> 1451 </a> 1452 1453 </li><li class="ss-desktop-only js-header-custom-link custom-link"> 1454 <a class="" href="https://theshoeboxoostburg.square.site/" target="_blank" rel="noopener noreferrer"> 1455 <div class="ss-site-header-main-link-title"> 1456 <span>School Store</span> 1457 </div> 1458 </a> 1459 1460 </li><li class="popular-links"> 1461 <a class="" href="#popularLinks" data-toggle="modal" data-target="#ss-popular-links-modal" aria-controls="ss-popular-links-modal" aria-haspopup="dialog" role="button" > 1462 <div class="ss-site-header-main-link-title"> 1463 <span><span class='ss-site-header-main-link-title-text'>Popular Links</span> <svg class="arrow-svg" xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none" aria-hidden="true"> 1464 <path d="M2 4L6 8L10 4" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1465 </svg></span> 1466 </div> 1467 </a> 1468 1469 </li><li class="translate"> 1470 <a class=" has-submenu" href="#translate" role="button" aria-label="Translate this site" > 1471 <div class="ss-site-header-main-link-title"> 1472 <span> <svg class="translate-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none"> 1473 <path d="M2.68387 0C1.20355 0 0 1.19583 0 2.66667V13.3333C0 14.8042 1.20355 16 2.68387 16H11.4065H12.7484H13.4194H24.1548C25.6352 16 26.8387 14.8042 26.8387 13.3333V2.66667C26.8387 1.19583 25.6352 0 24.1548 0H13.4194H12.7484H11.4065H2.68387ZM24.1548 2C24.5239 2 24.8258 2.3 24.8258 2.66667V13.3333C24.8258 13.7 24.5239 14 24.1548 14H13.4194V2H24.1548ZM7.4771 4.6625L10.161 10.6625C10.3497 11.0833 10.1568 11.575 9.73323 11.7625C9.30968 11.95 8.81484 11.7583 8.62613 11.3375L8.2529 10.5H5.16645L4.79323 11.3375C4.60452 11.7583 4.10968 11.9458 3.68613 11.7625C3.26258 11.5792 3.07387 11.0833 3.25839 10.6625L5.94226 4.6625C6.07645 4.3625 6.37839 4.16667 6.70968 4.16667C7.04097 4.16667 7.3429 4.3625 7.4771 4.6625ZM7.50645 8.83333L6.70968 7.05L5.9129 8.83333H7.50645ZM19.1226 4.16667C18.6613 4.16667 18.2839 4.54167 18.2839 5V5.16667H16.1032C15.6419 5.16667 15.2645 5.54167 15.2645 6C15.2645 6.45833 15.6419 6.83333 16.1032 6.83333H19.1226H20.5945C20.2884 7.52917 19.8648 8.1625 19.3448 8.70833L19.3239 8.6875L18.7116 8.07917C18.3845 7.75417 17.8519 7.75417 17.5248 8.07917C17.1977 8.40417 17.1977 8.93333 17.5248 9.25833L18.0323 9.7625C17.7848 9.9125 17.5248 10.05 17.2565 10.1708L17.1055 10.2375C16.6819 10.425 16.4932 10.9167 16.6777 11.3375C16.8623 11.7583 17.3613 11.9458 17.7848 11.7625L17.9358 11.6958C18.439 11.475 18.9171 11.2042 19.3616 10.8875C19.5419 11.0125 19.7223 11.1292 19.911 11.2417L20.7035 11.7125C21.1019 11.95 21.6177 11.8208 21.8526 11.425C22.0874 11.0292 21.9616 10.5167 21.5632 10.2833L20.7706 9.8125C20.7329 9.79167 20.6952 9.76667 20.6574 9.74583C21.3787 8.9625 21.9448 8.04167 22.3181 7.02083L22.3935 6.83333H22.4774C22.9387 6.83333 23.3161 6.45833 23.3161 6C23.3161 5.54167 22.9387 5.16667 22.4774 5.16667H21.8065H19.9613V5C19.9613 4.54167 19.5839 4.16667 19.1226 4.16667Z" fill="#636363"/> 1474 </svg> <svg class="translate-active-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewB
1474ox="0 0 27 16" fill="none"> 1475 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.75293 0H23.8812C25.4015 0 26.6342 1.23378 26.6342 2.75632V13.2437C26.6342 14.7658 25.4019 16 23.8812 16H2.75293C1.23268 16 0 14.7662 0 13.2437V2.75632C0 1.2342 1.23227 0 2.75293 0ZM2.66346 13.9454H13.3173V1.94505H2.66346C2.29723 1.94505 1.99759 2.24506 1.99759 2.61174V13.2787C1.99759 13.6454 2.29723 13.9454 2.66346 13.9454ZM23.0693 6.72059H23.1525C23.6103 6.72059 23.9849 6.34558 23.9849 5.88724C23.9849 5.42889 23.6103 5.05388 23.1525 5.05388H20.6555V4.88721C20.6555 4.42887 20.281 4.05386 19.8232 4.05386C19.3654 4.05386 18.9909 4.42887 18.9909 4.88721V5.05388H16.8268C16.369 5.05388 15.9945 5.42889 15.9945 5.88724C15.9945 6.34558 16.369 6.72059 16.8268 6.72059H21.2839C20.9801 7.41644 20.5598 8.04979 20.0438 8.59564L20.023 8.57481L19.4154 7.96646C19.0907 7.64145 18.5622 7.64145 18.2376 7.96646C17.913 8.29147 17.913 8.82065 18.2376 9.14565L18.7412 9.64984C18.4956 9.79984 18.2376 9.93734 17.9713 10.0582L17.8214 10.1248C17.4011 10.3124 17.2138 10.804 17.397 11.2249C17.5801 11.6457 18.0753 11.8332 18.4956 11.6499L18.6455 11.5832C19.1448 11.3624 19.6193 11.0915 20.0604 10.7749C20.2394 10.8999 20.4183 11.0165 20.6056 11.129L21.3921 11.5999C21.7875 11.8374 22.2994 11.7082 22.5324 11.3124C22.7655 10.9165 22.6406 10.404 22.2453 10.1707L21.4587 9.69984C21.44 9.68942 21.4213 9.67796 21.4025 9.6665C21.3838 9.65504 21.3651 9.64358 21.3464 9.63317C22.0622 8.84981 22.624 7.92896 22.9944 6.9081L23.0693 6.72059ZM7.65728 4.11182C7.98605 4.11182 8.28569 4.30766 8.41886 4.60766L11.0823 10.6078C11.2696 11.0287 11.0782 11.5203 10.6578 11.7078C10.2375 11.8954 9.74643 11.7037 9.55915 11.2828L9.18876 10.4453H6.12579L5.7554 11.2828C5.56813 11.7037 5.07705 11.8912 4.65672 11.7078C4.2364 11.5245 4.04912 11.0287 4.23224 10.6078L6.89569 4.60766C7.02887 4.30766 7.32851 4.11182 7.65728 4.11182ZM7.65728 6.99523L6.86656 8.7786H8.44799L7.65728 6.99523Z" fill="#636363"/> 1476 </svg></span> 1477 </div> 1478 </a> 1479 <ul class="dropdown-menu sm-nowrap"> 1480 <li class="googleDropdownContainerTarget"> 1481 </li> 1482 </ul> 1483 </li></ul> 1484 <div class="ss-site-header-mobile-menu"> 1485 <button class="ss-button" data-toggle="modal" data-target="#ss-header-mobile-menu" aria-label="Open mobile menu" aria-haspopup="dialog"> 1486 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" focusable="false"> 1487 <path d="M2 2H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/> 1488 <path d="M2 10H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/> 1489 <path d="M2 18H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/> 1490 </svg> 1491 </button> 1492 </div> 1493 </nav> <div class="ss-site-header-main-nav-top"> 1494 <ul class="ss-site-header-main-links-container js-site-header-main-links-container-left"> 1495 1496 </ul> 1497 <ul class="ss-site-header-main-links-container ss-site-header-loading js-site-header-contains-translate js-site-header-main-links-container-right"> 1498 <li class="ss-desktop-only js-header-custom-link custom-link"> 1499 <a class="" href="https://www.oostburg.k12.wi.us/117837" > 1500 <div class="ss-site-header-main-link-title"> 1501 <span>Employment</span> 1502 </div> 1503 </a> 1504 1505 </li><li class="ss-desktop-only js-header-custom-link custom-link"> 1506 <a class="" href="https://www.oostburg.k12.wi.us/117838" > 1507 <div class="ss-site-header-main-link-title"> 1508 <span>Calendar</span> 1509 </div> 1510 </a> 1511 1512 </li><li class="ss-desktop-only js-header-custom-link custom-link"> 1513 <a class="" href="https://theshoeboxoostburg.square.site/" target="_blank" rel="noopener noreferrer"> 1514 <div class="ss-site-header-main-link-title"> 1515 <span>School Store</span> 1516 </div> 1517 </a> 1518 1519 </li><li class="popular-links"> 1520 <a class="" href="#popularLinks" data-toggle="modal" data-target="#ss-popular-links-modal" aria-controls="ss-popular-links-modal" aria-haspopup="dialog" role="button" > 1521 <div class="ss-site-header-main-link-title">
1522 <span><span class='ss-site-header-main-link-title-text'>Popular Links</span> <svg class="arrow-svg" xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none" aria-hidden="true"> 1523 <path d="M2 4L6 8L10 4" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1524 </svg></span> 1525 </div> 1526 </a> 1527 1528 </li><li class="translate"> 1529 <a class=" has-submenu" href="#translate" role="button" aria-label="Translate this site" > 1530 <div class="ss-site-header-main-link-title"> 1531 <span> <svg class="translate-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none"> 1532 <path d="M2.68387 0C1.20355 0 0 1.19583 0 2.66667V13.3333C0 14.8042 1.20355 16 2.68387 16H11.4065H12.7484H13.4194H24.1548C25.6352 16 26.8387 14.8042 26.8387 13.3333V2.66667C26.8387 1.19583 25.6352 0 24.1548 0H13.4194H12.7484H11.4065H2.68387ZM24.1548 2C24.5239 2 24.8258 2.3 24.8258 2.66667V13.3333C24.8258 13.7 24.5239 14 24.1548 14H13.4194V2H24.1548ZM7.4771 4.6625L10.161 10.6625C10.3497 11.0833 10.1568 11.575 9.73323 11.7625C9.30968 11.95 8.81484 11.7583 8.62613 11.3375L8.2529 10.5H5.16645L4.79323 11.3375C4.60452 11.7583 4.10968 11.9458 3.68613 11.7625C3.26258 11.5792 3.07387 11.0833 3.25839 10.6625L5.94226 4.6625C6.07645 4.3625 6.37839 4.16667 6.70968 4.16667C7.04097 4.16667 7.3429 4.3625 7.4771 4.6625ZM7.50645 8.83333L6.70968 7.05L5.9129 8.83333H7.50645ZM19.1226 4.16667C18.6613 4.16667 18.2839 4.54167 18.2839 5V5.16667H16.1032C15.6419 5.16667 15.2645 5.54167 15.2645 6C15.2645 6.45833 15.6419 6.83333 16.1032 6.83333H19.1226H20.5945C20.2884 7.52917 19.8648 8.1625 19.3448 8.70833L19.3239 8.6875L18.7116 8.07917C18.3845 7.75417 17.8519 7.75417 17.5248 8.07917C17.1977 8.40417 17.1977 8.93333 17.5248 9.25833L18.0323 9.7625C17.7848 9.9125 17.5248 10.05 17.2565 10.1708L17.1055 10.2375C16.6819 10.425 16.4932 10.9167 16.6777 11.3375C16.8623 11.7583 17.3613 11.9458 17.7848 11.7625L17.9358 11.6958C18.439 11.475 18.9171 11.2042 19.3616 10.8875C19.5419 11.0125 19.7223 11.1292 19.911 11.2417L20.7035 11.7125C21.1019 11.95 21.6177 11.8208 21.8526 11.425C22.0874 11.0292 21.9616 10.5167 21.5632 10.2833L20.7706 9.8125C20.7329 9.79167 20.6952 9.76667 20.6574 9.74583C21.3787 8.9625 21.9448 8.04167 22.3181 7.02083L22.3935 6.83333H22.4774C22.9387 6.83333 23.3161 6.45833 23.3161 6C23.3161 5.54167 22.9387 5.16667 22.4774 5.16667H21.8065H19.9613V5C19.9613 4.54167 19.5839 4.16667 19.1226 4.16667Z" fill="#636363"/> 1533 </svg> <svg class="translate-active-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none"> 1534 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.75293 0H23.8812C25.4015 0 26.6342 1.23378 26.6342 2.75632V13.2437C26.6342 14.7658 25.4019 16 23.8812 16H2.75293C1.23268 16 0 14.7662 0 13.2437V2.75632C0 1.2342 1.23227 0 2.75293 0ZM2.66346 13.9454H13.3173V1.94505H2.66346C2.29723 1.94505 1.99759 2.24506 1.99759 2.61174V13.2787C1.99759 13.6454 2.29723 13.9454 2.66346 13.9454ZM23.0693 6.72059H23.1525C23.6103 6.72059 23.9849 6.34558 23.9849 5.88724C23.9849 5.42889 23.6103 5.05388 23.1525 5.05388H20.6555V4.88721C20.6555 4.42887 20.281 4.05386 19.8232 4.05386C19.3654 4.05386 18.9909 4.42887 18.9909 4.88721V5.05388H16.8268C16.369 5.05388 15.9945 5.42889 15.9945 5.88724C15.9945 6.34558 16.369 6.72059 16.8268 6.72059H21.2839C20.9801 7.41644 20.5598 8.04979 20.0438 8.59564L20.023 8.57481L19.4154 7.96646C19.0907 7.64145 18.5622 7.64145 18.2376 7.96646C17.913 8.29147 17.913 8.82065 18.2376 9.14565L18.7412 9.64984C18.4956 9.79984 18.2376 9.93734 17.9713 10.0582L17.8214 10.1248C17.4011 10.3124 17.2138 10.804 17.397 11.2249C17.5801 11.6457 18.0753 11.8332 18.4956 11.6499L18.6455 11.5832C19.1448 11.3624 19.6193 11.0915 20.0604 10.7749C20.2394 10.8999 20.4183 11.0165 20.6056 11.129L21.3921 11.5999C21.7875 11.8374 22.2994 11.7082 22.5324 11.3124C22.7655 10.9165 22.6406 10.404 22.2453 10.1707L21.4587 9.69984C21.44 9.68942 21.4213 9.67796 21.4025 9.6665C21.3838 9.65504 21.3651 9.64358 21.3464 9.63317C22.0622 8.84981 22.624 7.92896 22.9944 6.9081L23.0693 6.72059ZM7.65728 4.11182C7.98605 4.11182 8.28569 4.30766 8.41886 4.60766L11.0823 10.6078C11.2696 11.0287 11.0782 11.5203
153410.6578 11.7078C10.2375 11.8954 9.74643 11.7037 9.55915 11.2828L9.18876 10.4453H6.12579L5.7554 11.2828C5.56813 11.7037 5.07705 11.8912 4.65672 11.7078C4.2364 11.5245 4.04912 11.0287 4.23224 10.6078L6.89569 4.60766C7.02887 4.30766 7.32851 4.11182 7.65728 4.11182ZM7.65728 6.99523L6.86656 8.7786H8.44799L7.65728 6.99523Z" fill="#636363"/> 1535 </svg></span> 1536 </div> 1537 </a> 1538 <ul class="dropdown-menu sm-nowrap"> 1539 <li class="googleDropdownContainerTarget"> 1540 </li> 1541 </ul> 1542 </li><li class="search"> 1543 <a class="" href="/search" aria-label="Search this site" > 1544 <div class="ss-site-header-main-link-title"> 1545 <span> <svg class="search-svg" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 1546 <path d="M8.284 14.568C11.7546 14.568 14.568 11.7546 14.568 8.284C14.568 4.81344 11.7546 2 8.284 2C4.81344 2 2 4.81344 2 8.284C2 11.7546 4.81344 14.568 8.284 14.568Z" stroke="#636363" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/> 1547 <path d="M17.9956 18L12.8516 12.856" stroke="#636363" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 1548 </svg></span> 1549 </div> 1550 </a> 1551 1552 </li> 1553 </ul> 1554 </div> <div class="ss-site-header-main-container"> 1555 <div class="ss-site-header-hero-container "> 1556 <div class="ss-site-header-hero-image ss-site-header-hero-normal-size"> 1557 <a href="/" aria-label="Oostburg School District"> <img alt="" src="https://files.smartsites.parentsquare.com/13419/header_logo_img_ucr0km545m467falcdk.png" /></a> 1558 </div> 1559 <div class="ss-site-header-title-container"><p class="ss-site-header-school-name">Oostburg School District</p> <p class="ss-site-header-school-tagline">Growing Together</p></div> 1560 </div> 1561 <nav class="ss-site-header-main-nav ss-site-header-main-nav-contained" aria-label="Main"> 1562 <ul class="ss-site-header-page-links ss-site-header-center-page-links nav"> 1563 <li class="top-nav"> 1564 <a class=" top-nav-link" href="/110324_1" target="_self"> 1565 <span>Home</span> 1566 </a> 1567 1568 </li> <li class="top-nav has-showcase"> 1569 <a class="has-submenu top-nav-link" href="/about" target="_self"> 1570 <span>District</span> 1571 </a> 1572 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1573 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none"> 1574 <div class="ss-showcase-menu-panel-image"> 1575 <img src="https://files.smartsites.parentsquare.com/13419/du2tl8kb39osdfeohcl.png" alt="" role="presentation" class=""> 1576 </div> 1577 1578 <div class="ss-showcase-menu-panel-content"> 1579 <h2 class="ss-showcase-menu-panel-title">District</h2> 1580 1581 <p class="ss-showcase-menu-panel-caption">Learn what guides Oostburg Schools, from our mission and leadership to the people, policies, and vision shaping our future.</p> 1582 </div> 1583 </li> 1584 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1585 <ul> 1586 <li> <a href="/superintendent" class="" target="_self">Superintendent</a></li> <li> <a href="/vision" class="" target="_self">Vision</a></li> <li> <a href="/school-board" class="" target="_self">School Board</a></li> <li> <a href="/leadership-team" class="" target="_self">Leadership Team</a></li> <li> <a href="/policies-notices" class="" target="_self">Policies & Notices</a></li> <li> <a href="/district-information" class="has-submenu" target="_self"> <div><span>District Information</span> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none"> 1587 <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1588 </svg></div></a> <ul class="dropdown-menu sm-nowrap"> 1589 <li> <a href="/school-funding" class="" target="_self">
1589School Funding</a></li> </ul> 1590</li> </ul> 1591 </li> 1592 </ul> 1593 1594 </li> <li class="top-nav has-showcase"> 1595 <a class="has-submenu top-nav-link" href="/117783_1" target="_self"> 1596 <span>Schools</span> 1597 </a> 1598 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1599 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none"> 1600 <div class="ss-showcase-menu-panel-image"> 1601 <img src="https://files.smartsites.parentsquare.com/13419/cdtsij0b763fbifdcnn.jpeg" alt="" role="presentation" class=""> 1602 </div> 1603 1604 <div class="ss-showcase-menu-panel-content"> 1605 <h2 class="ss-showcase-menu-panel-title">Schools</h2> 1606 1607 <p class="ss-showcase-menu-panel-caption">Discover each of our schools, where every student is known, challenged, and supported from their first day through graduation.</p> 1608 </div> 1609 </li> 1610 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1611 <ul> 1612 <li> <a href="/high-school" class="" target="_self">High School</a></li> <li> <a href="/middle-school" class="" target="_self">Middle School</a></li> <li> <a href="/elementary-school" class="" target="_self">Elementary School</a></li> </ul> 1613 </li> 1614 </ul> 1615 1616 </li> <li class="top-nav has-showcase"> 1617 <a class="has-submenu top-nav-link" href="/families" target="_self"> 1618 <span>Families</span> 1619 </a> 1620 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1621 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none"> 1622 <div class="ss-showcase-menu-panel-image"> 1623 <img src="https://files.smartsites.parentsquare.com/13419/kjkhuoeo5voa4cmdagm.png" alt="" role="presentation" class=""> 1624 </div> 1625 1626 <div class="ss-showcase-menu-panel-content"> 1627 <h2 class="ss-showcase-menu-panel-title">Families</h2> 1628 1629 <p class="ss-showcase-menu-panel-caption">Everything families need to stay informed, connected, and engaged throughout their child's educational journey.</p> 1630 </div> 1631 </li> 1632 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1633 <ul> 1634 <li> <a href="/enroll" class="" target="_self">Enrollment</a></li> <li> <a href="/assessment" class="" target="_self">Assessment Information</a></li> <li> <a href="/attendance" class="" target="_self">Attendance</a></li> <li> <a href="/food-service" class="" target="_self">Food Service</a></li> <li> <a href="/handbooks" class="" target="_self">Handbooks</a></li> <li> <a href="/school-supplies" class="" target="_self">School Supplies</a></li> <li> <a href="/430883_2" class="" target="_blank" rel="noopener noreferrer">Canvas</a></li> <li> <a href="/infinitecampusparent" class="" target="_blank" rel="noopener noreferrer">Infinite Campus Portal</a></li> <li> <a href="/430839_2" class="" target="_blank" rel="noopener noreferrer">ParentSquare</a></li> </ul> 1635 </li> 1636 </ul> 1637 1638 </li> <li class="top-nav has-showcase"> 1639 <a class="has-submenu top-nav-link" href="/117785_1" target="_self"> 1640 <span>Students</span> 1641 </a> 1642 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1643 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1644 <div class="ss-showcase-menu-panel-image"> 1645 <img src="https://files.smartsites.parentsquare.com/13419/dqd1vmlro6sgfkmncmd.png" alt="" role="presentation" class=""> 1646 </div> 1647 1648 <div class="ss-showcase-menu-panel-content"> 1649 <h2 class="ss-showcase-menu-panel-title">Students</h2> 1650 1651 <p class="ss-showcase-menu-panel-caption">Resources, opportunities, and support to help every student learn, grow, and succeed in and beyond the classroom.</p> 1652 </div> 1653 </li> 1654 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1655 <ul> 1656 <li> <a href="/student-services" class="" target="_self">Student Resources</a></li> <li> <a href="/430884_2" class="" target="_self" >Canvas</a></li> <li> <a href="/430993_2" class="" target="_self" >Infinite Campus Portal</a></li> <li> <a href="/430994_2" class="" target="_self" >StudentSquare</a></li> <li> <a href="/lunch" class="" target="_self" >Lunch</a></li> </ul> 1657 </li> 1658 </ul> 1659 1660 </li> <li class="top-nav has-showcase"> 1661 <a class="has-submenu top-nav-link" href="/117789_1" target="_self"> 1662 <span>Activities</span> 1663 </a> 1664 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1665 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none"> 1666 <div class="ss-showcase-menu-panel-image"> 1667 <img src="https://files.smartsites.parentsquare.com/13419/igafcq14hlv6faeigop.png" alt="" role="presentation" class=""> 1668 </div> 1669 1670 <div class="ss-showcase-menu-panel-content"> 1671 <h2 class="ss-showcase-menu-panel-title">Activities</h2> 1672 1673 <p class="ss-showcase-menu-panel-caption">Explore the clubs, activities, and organizations available to Oostburg students.</p> 1674 </div> 1675 </li> 1676 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1677 <ul> 1678 <li> <a href="/430862_2" class="has-submenu" target="_self"> <div><span>Athletics</span> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none"> 1679 <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1680 </svg></div></a> <ul class="dropdown-menu sm-nowrap"> 1681 <li> <a href="/257764_3" class="has-submenu" target="_self"> <div><span>OSD Sports</span> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none"> 1682 <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1683 </svg></div></a> <ul class="dropdown-menu sm-nowrap"> 1684 <li> <a href="/82007_4" class="" target="_self">Boys Basketball</a></li> <li> <a href="/82000_4" class="" target="_self">Boys Soccer</a></li> <li> <a href="/82002_4" class="" target="_self">Cross Country</a></li> <li> <a href="/82003_4" class="" target="_self">Dance</a></li> <li> <a href="/81999_4" class="" target="_self">Football</a></li> <li> <a href="/82022_4" class="" target="_self">Girls Basketball</a></li> <li> <a href="/82001_4" class="" target="_self">Girls Volleyball</a></li> <li> <a href="/82017_4" class="" target="_self">Softball</a></li> <li> <a href="/82016_4" class="" target="_self">Track</a></li> <li> <a href="/82006_4" class="" target="_self">Wrestling</a></li> </ul> 1685</li> <li> <a href="/260894_3" class="has-submenu" target="_self"> <div><span>Club and Co-op</span> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none"> 1686 <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 1687 </svg></div></a> <ul class="dropdown-menu sm-nowrap"> 1688 <li> <a href="/83097_4" class="" target="_self">Archery (Club Sport)</a></li> <li> <a href="/83098_4" class="" target="_self">Bowling (Club Sport)</a></li> <li> <a href="/83095_4" class="" target="_self">Girls Golf (Co-Op)</a></li> <li> <a href="/83096_4" class="" target="_self">Hockey (Co-op)</a></li> </ul> 1689</li> <li> <a href="/257200_3" class="" target="_self">Sign Up</a></li> </ul> 1690</li> <li> <a href="/430996_2" class="" target="_self">Fine Arts</a></li> <li> <a href="/clubs" class="" target="_self">Clubs and Organizations</a></li> <li> <a href="/activities-calendar" class="" target="_self">Activities Calendar</a></li> </ul> 1691 </li> 1692 </ul> 1693 1694 </li> <li class="top-nav has-showcase"> 1695 <a class="has-submenu top-nav-link" href="/117790_1" target="_self">
1696 <span>Community</span> 1697 </a> 1698 <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation"> 1699 <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none"> 1700 <div class="ss-showcase-menu-panel-image"> 1701 <img src="https://files.smartsites.parentsquare.com/13419/plq690hnpda18iiingb.png" alt="" role="presentation" class=""> 1702 </div> 1703 1704 <div class="ss-showcase-menu-panel-content"> 1705 <h2 class="ss-showcase-menu-panel-title">Community</h2> 1706 1707 <p class="ss-showcase-menu-panel-caption">Strong schools are built on strong communities. Explore the people, partnerships, and opportunities that connect Oostburg Schools with those we serve.</p> 1708 </div> 1709 </li> 1710 <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none"> 1711 <ul> 1712 <li> <a href="/430872_2" class="" target="_self">Educational Opportunities</a></li> <li> <a href="/facility-use" class="" target="_self">Facility Use</a></li> <li> <a href="/fitness" class="" target="_self">Fitness</a></li> <li> <a href="/435608_2" class="" target="_self">Get Involved</a></li> <li> <a href="/430878_2" class="" target="_self">Welcome to Oostburg</a></li> </ul> 1713 </li> 1714 </ul> 1715 1716 </li> 1717 </ul> 1718 </nav> 1719 </div> 1720 <div id="GoogleTranslateDropdown" class="googleTranslateDropdown" style="display:none"> 1721 <div id="google_translate_element"></div> 1722 </div> 1723
1723<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
1723 1724 <div id="ss-schools-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true" aria-label="Schools"> 1725 <div class="ss-lightbox-modal-content-wrap"> 1726 <div class="ss-lightbox-modal-content "> 1727 1728 <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button> 1729 <div class="ss-lightbox-modal-content-inner"> 1730 1731 </div> 1732 </div> 1733 </div> 1734 </div> 1735
1735<script> 1736 $(document).ready(() => { 1737 const lightboxModal = $('#ss-schools-modal'); 1738 ; 1739 lightboxModal.on('show.bs.modal', function(e) { 1740 $('html').addClass('modal-open'); 1741 }); 1742 lightboxModal.on('hide.bs.modal', function(e) { 1743 $('html').removeClass('modal-open'); 1744 }); 1745 }); 1746 </script>
1746 1747 <div id="ss-popular-links-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true" aria-label="Popular Links"> 1748 <div class="ss-lightbox-modal-content-wrap"> 1749 <div class="ss-lightbox-modal-content "> 1750 1751 <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button> 1752 <div class="ss-lightbox-modal-content-inner"> 1753 <h2 class='ss-popular-links-heading no-category'> 1754 <span>Popular Links</span> 1755 </h2> 1756 <ul class="ss-popular-links-list"> 1757 <li class="ss-desktop-hidden js-header-custom-link"> <div class="ss-popular-links-icon-container"><i class="fa-regular fa-graduation-cap fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117837">Employment</a></li> <li class="ss-desktop-hidden js-header-custom-link"> <div class="ss-popular-links-icon-container"><i class="fa-graphite fa-thin fa-calendar fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117838">Calendar</a></li> <li class="ss-desktop-hidden js-header-custom-link"> <div class="ss-popular-links-icon-container"><i class="fa-regular fa-basket-shopping fa-lg" aria-hidden="true"></i></div><a href="https://theshoeboxoostburg.square.site/" target="_blank" rel="noopener noreferrer">School Store</a></li> <li class=""> <div class="ss-popular-links-icon-container"><i class="fa-light fa-address-book fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117839">Directory</a></li> <li class=""> <div class="ss-popular-links-icon-container"><i class="fa-solid fa-bullseye-pointer fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/o/osd/page/canvas">Canvas</a></li> <li class=""> <div class="ss-popular-links-icon-container"><i class="fa-notdog fa-solid fa-link fa-lg" aria-hidden="true"></i></div><a href="https://clever.com/in/oostburg" target="_blank" rel="noopener noreferrer">Clever</a></li> <li class=""> <div class="ss-popular-links-icon-container"><i class="fa-regular fa-cabinet-filing fa-lg" aria-hidden="true"></i></div><a href="https://wicloud2.infinitecampus.org/campus/portal/oostburg.jsp" target="_blank" rel="noopener noreferrer">Infinite Campus</a></li> 1758 </ul> 1759 </div> 1760 </div> 1761 </div> 1762 </div> 1763
1763<script> 1764 $(document).ready(() => { 1765 const lightboxModal = $('#ss-popular-links-modal'); 1766 ; 1767 lightboxModal.on('show.bs.modal', function(e) { 1768 $('html').addClass('modal-open'); 1769 }); 1770 lightboxModal.on('hide.bs.modal', function(e) { 1771 $('html').removeClass('modal-open'); 1772 }); 1773 }); 1774 </script>
1774 1775 <div id="ss-header-mobile-menu" class="modal ss-lightbox-modal ss-lightbox-modal-default fade come-from-modal right" role="dialog" aria-modal="true" aria-label="Mobile menu"> 1776 <div class="ss-lightbox-modal-content-wrap"> 1777 <div class="ss-lightbox-modal-content ss-lightbox-fullscreen"> 1778 1779 <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button> 1780 <div class="ss-lightbox-modal-content-inner"> 1781 <ul> <li class="ss-mobile-menu-heading ss-mobile-menu-search ss-mobile-menu-level-1"><a class="ss-mobile-menu-link" href="/search" target="_self"> <svg class="search-svg" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 1782 <path d="M8.284 14.568C11.7546 14.568 14.568 11.7546 14.568 8.284C14.568 4.81344 11.7546 2 8.284 2C4.81344 2 2 4.81344 2 8.284C2 11.7546 4.81344 14.568 8.284 14.568Z" stroke="#636363" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/> 1783 <path d="M17.9956 18L12.8516 12.856" stroke="#636363" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> 1784 </svg>Search</a></li> <li class="ss-mobile-menu-heading ss-mobile-menu-level-1"><a class="ss-mobile-menu-link" href="/110324_1" target="_self">Home</a></li> <li class="ss-mobile-menu-level-1 "> 1785 <h2 class=" ss-mobile-menu-heading"> 1786 <a href="/about" class="ss-mobile-menu-link">District</a> 1787 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu1" id="ss-mobile-menu-heading1" class="ss-button ss-mobile-menu-disclosure-button" aria-label="District"> 1788 <i class="fa-solid fa-chevron-down"></i> 1789 </button> 1790 </h2> 1791 <div role="region" id="ss-mobile-menu1" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading1"> 1792 <ul class="ss-mobile-menu-list"> 1793 <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/superintendent" target="_self">Superintendent</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/vision" target="_self">Vision</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/school-board" target="_self">School Board</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/leadership-team" target="_self">Leadership Team</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/policies-notices" target="_self">Policies & Notices</a></li> <li class="ss-mobile-menu-level-2 "> 1794 <h3 class=""> 1795 <a href="/district-information" class="ss-mobile-menu-link">District Information</a> 1796 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu0" id="ss-mobile-menu-heading0" class="ss-button ss-mobile-menu-disclosure-button" aria-label="District Information"> 1797 <i class="fa-solid fa-chevron-down"></i> 1798 </button> 1799 </h3> 1800 <div role="region" id="ss-mobile-menu0" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading0"> 1801 <ul class="ss-mobile-menu-list"> 1802 <li class=" ss-mobile-menu-level-3"><a class="ss-mobile-menu-link" href="/school-funding" target="_self">School Funding</a></li> 1803 </ul> 1804 </div> 1805 </li> 1806 </ul> 1807 </div> 1808 </li> <li class="ss-mobile-menu-level-1 "> 1809 <h2 class=" ss-mobile-menu-heading"> 1810 <a href="/117783_1" class="ss-mobile-menu-link">Schools</a> 1811 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu2" id="ss-mobile-menu-heading2" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Schools"> 1812 <i class="fa-solid fa-chevron-down"></i> 1813 </button> 1814 </h2> 1815 <div role="region" id="ss-mobile-menu2" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading2"> 1816 <ul class="ss-mobile-menu-list"> 1817 <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/high-school" target="_self">High School</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/middle-school" target="_self">Middle School</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/elementary-school" target="_self">Elementary School</a></li> 1818 </ul> 1819 </div> 1820 </li> <li class="ss-mobile-menu-level-1 "> 1821 <h2 class=" ss-mobile-menu-heading"> 1822 <a href="/families" class="ss-mobile-menu-link">Families</a> 1823 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu3" id="ss-mobile-menu-heading3" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Families"> 1824 <i class="fa-solid fa-chevron-down"></i> 1825 </button> 1826 </h2> 1827 <div role="region" id="ss-mobile-menu3" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading3"> 1828 <ul class="ss-mobile-menu-list"> 1829 <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/enroll" target="_self">Enrollment</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/assessment" target="_self">Assessment Information</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/attendance" target="_self">Attendance</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/food-service" target="_self">Food Service</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/handbooks" target="_self">Handbooks</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/school-supplies" target="_self">School Supplies</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430883_2" target="_self">Canvas</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/infinitecampusparent" target="_self">Infinite Campus Portal</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430839_2" target="_self">ParentSquare</a></li> 1830 </ul> 1831 </div> 1832 </li> <li class="ss-mobile-menu-level-1 "> 1833 <h2 class=" ss-mobile-menu-heading"> 1834 <a href="/117785_1" class="ss-mobile-menu-link">Students</a> 1835 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu4" id="ss-mobile-menu-heading4" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Students"> 1836 <i class="fa-solid fa-chevron-down"></i> 1837 </button> 1838 </h2> 1839 <div role="region" id="ss-mobile-menu4" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading4"> 1840 <ul class="ss-mobile-menu-list"> 1841 <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/student-services" target="_self">Student Resources</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430884_2" target="_self">Canvas</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430993_2" target="_self">Infinite Campus Portal</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430994_2" target="_self">StudentSquare</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/lunch" target="_self">Lunch</a></li> 1842 </ul> 1843 </div> 1844 </li> <li class="ss-mobile-menu-level-1 "> 1845 <h2 class=" ss-mobile-menu-heading"> 1846 <a href="/117789_1" class="ss-mobile-menu-link">Activities</a> 1847 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu8" id="ss-mobile-menu-heading8" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Activities"> 1848 <i class="fa-solid fa-chevron-down"></i> 1849 </button> 1850 </h2> 1851 <div role="region" id="ss-mobile-menu8" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading8"> 1852 <ul class="ss-mobile-menu-list"> 1853 <li class="ss-mobile-menu-level-2 "> 1854 <h3 class=""> 1855 <a href="/430862_2" class="ss-mobile-menu-link">Athletics</a> 1856 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu7" id="ss-mobile-menu-heading7" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Athletics"> 1857 <i class="fa-solid fa-chevron-down"></i> 1858 </button> 1859 </h3> 1860 <div role="region" id="ss-mobile-menu7" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading7"> 1861 <ul class="ss-mobile-menu-list"> 1862 <li class="ss-mobile-menu-level-3 "> 1863 <h4 class=""> 1864 <a href="/257764_3" class="ss-mobile-menu-link">OSD Sports</a> 1865 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu5" id="ss-mobile-menu-heading5" class="ss-button ss-mobile-menu-disclosure-button" aria-label="OSD Sports"> 1866 <i class="fa-solid fa-chevron-down"></i> 1867 </button> 1868 </h4> 1869 <div role="region" id="ss-mobile-menu5" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading5"> 1870 <ul class="ss-mobile-menu-list"> 1871 <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82007_4" target="_self">Boys Basketball</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82000_4" target="_self">Boys Soccer</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82002_4" target="_self">Cross Country</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82003_4" target="_self">Dance</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/81999_4" target="_self">Football</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82022_4" target="_self">Girls Basketball</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82001_4" target="_self">Girls Volleyball</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82017_4" target="_self">Softball</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82016_4" target="_self">Track</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82006_4" target="_self">Wrestling</a></li> 1872 </ul> 1873 </div> 1874 </li> <li class="ss-mobile-menu-level-3 "> 1875 <h4 class=""> 1876 <a href="/260894_3" class="ss-mobile-menu-link">Club and Co-op</a> 1877 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu6" id="ss-mobile-menu-heading6" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Club and Co-op"> 1878 <i class="fa-solid fa-chevron-down"></i> 1879 </button> 1880 </h4> 1881 <div role="region" id="ss-mobile-menu6" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading6"> 1882 <ul class="ss-mobile-menu-list"> 1883 <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83097_4" target="_self">Archery (Club Sport)</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83098_4" target="_self">Bowling (Club Sport)</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83095_4" target="_self">Girls Golf (Co-Op)</a></li> <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83096_4" target="_self">Hockey (Co-op)</a></li> 1884 </ul> 1885 </div> 1886 </li> <li class=" ss-mobile-menu-level-3"><a class="ss-mobile-menu-link" href="/257200_3" target="_self">Sign Up</a></li> 1887 </ul> 1888 </div> 1889 </li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430996_2" target="_self">Fine Arts</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/clubs" target="_self">Clubs and Organizations</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/activities-calendar" target="_self">Activities Calendar</a></li> 1890 </ul> 1891 </div> 1892 </li> <li class="ss-mobile-menu-level-1 "> 1893 <h2 class=" ss-mobile-menu-heading"> 1894 <a href="/117790_1" class="ss-mobile-menu-link">Community</a> 1895 <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu9" id="ss-mobile-menu-heading9" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Community"> 1896 <i class="fa-solid fa-chevron-down"></i> 1897 </button> 1898 </h2> 1899 <div role="region" id="ss-mobile-menu9" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading9"> 1900 <ul class="ss-mobile-menu-list"> 1901 <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430872_2" target="_self">Educational Opportunities</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/facility-use" target="_self">Facility Use</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/fitness" target="_self">Fitness</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/435608_2" target="_self">Get Involved</a></li> <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430878_2" target="_self">Welcome to Oostburg</a></li> 1902 </ul> 1903 </div> 1904 </li></ul> 1905 </div> 1906 </div> 1907 </div> 1908 </div> 1909
1909<script> 1910 $(document).ready(() => { 1911 const lightboxModal = $('#ss-header-mobile-menu'); 1912 ; 1913 lightboxModal.on('show.bs.modal', function(e) { 1914 $('html').addClass('modal-open'); 1915 }); 1916 lightboxModal.on('hide.bs.modal', function(e) { 1917 $('html').removeClass('modal-open'); 1918 }); 1919 }); 1920 </script>
1920 1921 </header><div class="banner_area site_header center-block"></div><div class="clearfix"></div><main id="page-content-wrapper" class="site_container content-color container"><link rel="stylesheet" type="text/css" href="https://files.smartsites.parentsquare.com/13419/css22245.css"> <style> 1922 1923 .whiteBGlink { 1924 color:Transparent !important; 1925 } 1926 .whiteBGlink:hover { 1927 color:#c3c3c300 !important; 1928 } .textOnWhite { 1929 color:#000000 !important; 1930 } 1931 .footer_color { 1932 color:#ffffff !important; 1933 } 1934 .footer_color a { 1935 color:#ffffff !important; 1936 } 1937 .content-color .breadcrumb>li a { 1938 color:#333333; 1939 } 1940 ::-webkit-input-placeholder { /* Chrome */ 1941 transition: opacity 250ms ease-in-out; 1942 } 1943 :-ms-input-placeholder { /* IE 10+ */ 1944 transition: opacity 250ms ease-in-out; 1945 } 1946 ::-moz-placeholder { /* Firefox 19+ */ 1947 opacity: 1; 1948 transition: opacity 250ms ease-in-out; 1949 } 1950 :-moz-placeholder { /* Firefox 4 - 18 */ 1951 opacity: 1; 1952 transition: opacity 250ms ease-in-out; 1953 } 1954 .social-network a.icoRss:hover em, .social-network a.icoFacebook:hover em, .social-network a.icoTwitter:hover em, 1955 .social-network a.icoGoogle:hover em, .social-network a.icoVimeo:hover em, .social-network a.icoLinkedin:hover em { 1956 color:#fff; 1957 } 1958 a.socialIcon:hover, .socialHoverClass { 1959 color:#44BCDD; 1960 } 1961 .social-circle li a { 1962 display:inline-block; 1963 position:relative; 1964 margin:0 auto 0 auto; 1965 -moz-border-radius:50%; 1966 -webkit-border-radius:50%; 1967 border-radius:50%; 1968 text-align:center; 1969 width: 50px; 1970 height: 50px; 1971 font-size:30px; 1972 } 1973 .social-circle li em { 1974 margin:0; 1975 line-height:50px; 1976 text-align: center; 1977 } 1978 .social-circle li a:hover em, .triggeredHover { 1979 -moz-transform: rotate(360deg); 1980 -webkit-transform: rotate(360deg); 1981 -ms--transform: rotate(360deg); 1982 transform: rotate(360deg); 1983 -webkit-transition: all 0.2s; 1984 -moz-transition: all 0.2s; 1985 -o-transition: all 0.2s; 1986 -ms-transition: all 0.2s; 1987 transition: all 0.2s; 1988 } 1989 .social-circle em { 1990 color: #fff; 1991 -webkit-transition: all 0.8s; 1992 -moz-transition: all 0.8s; 1993 -o-transition: all 0.8s; 1994 -ms-transition: all 0.8s; 1995 transition: all 0.8s; 1996 } 1997 .widget_row_bg_0 { 1998 height: unset !important; 1999 } 2000 div[id*="item"] .widget_row_bg_0{ 2001 padding-bottom: unset !important; 2002 } 2003 div[id*="item"] .widget_row_bg_0{ 2004 padding-bottom: 31px !important; 2005 } 2006 .widget_row_bg_1 { 2007 height: unset !important; 2008 } 2009 div[id*="item"] .widget_row_bg_1{ 2010 padding-bottom: unset !important; 2011 } 2012 div[id*="item"] .widget_row_bg_1{ 2013 padding-bottom: 31px !important; 2014 } 2015 .widget_row_bg_2 { 2016 height: unset !important; 2017 } 2018 div[id*="item"] .widget_row_bg_2{ 2019 padding-bottom: unset !important; 2020 } 2021 div[id*="item"] .widget_row_bg_2{ 2022 padding-bottom: 31px !important; 2023 } 2024 .widget_row_bg_3 { 2025 height: unset !important; 2026 } 2027 div[id*="item"] .widget_row_bg_3{ 2028 padding-bottom: unset !important; 2029 } 2030 div[id*="item"] .widget_row_bg_3{ 2031 padding-bottom: 31px !important; 2032 } 2033 .widget_row_bg_4 { 2034 height: unset !important; 2035 } 2036 div[id*="item"] .widget_row_bg_4{ 2037 padding-bottom: unset !important; 2038 } 2039 div[id*="item"] .widget_row_bg_4{ 2040 padding-bottom: 31px !important; 2041 } 2042 .widget_row_bg_5 { 2043 height: unset !important; 2044 } 2045 div[id*="item"] .widget_row_bg_5{ 2046 padding-bottom: unset !important; 2047 } 2048 div[id*="item"] .widget_row_bg_5{ 2049 padding-bottom: 31px !important; 2050 } 2051 .widget_row_bg_6 { 2052 height: unset !important; 2053 } 2054 div[id*="item"] .widget_row_bg_6{ 2055 padding-bottom: unset !important; 2056 } 2057 div[id*="item"] .widget_row_bg_6{ 2058 padding-bottom: 31px !important; 2059 } 2060 .siteExtraMargins { 2061 margin-top:20px !important; 2062 } 2063 .bs_alert_size .close { 2064 opacity: .6; 2065 } 2066 html { 2067 height: 100% !important; 2068 } 2069 </style> 2070
2070<script> 2071 $(document).ready(function(){ 2072 let determineRow = ''; 2073 let determineColumn = ''; 2074 let divid = ''; 2075 let sameTypeWidgetRowNum = ''; 2076 $('[href*="skipFBContent"],[href*="skipTwitterContent"]').each((i,e) => { 2077 $(e).on('focusin', function() { 2078 determineRow = $(this).attr("data-feedrow"); 2079 determineColumn = $(this).attr("data-feedcolumn"); 2080 divid = $(this).attr("data-divid"); 2081 sameTypeWidgetRowNum = (determineColumn == 1) ? 'THE 1ST COLUMN' : sameTypeWidgetRowNum; 2082 sameTypeWidgetRowNum = (determineColumn == 2) ? 'THE 2ND COLUMN' : sameTypeWidgetRowNum; 2083 sameTypeWidgetRowNum = (determineColumn == 3) ? 'THE 3RD COLUMN' : sameTypeWidgetRowNum; 2084 sameTypeWidgetRowNum = (determineColumn == 4) ? 'THE 4TH COLUMN' : sameTypeWidgetRowNum; 2085 sameTypeWidgetRowNum = (determineColumn == 5) ? 'THE 5TH COLUMN' : sameTypeWidgetRowNum; 2086 sameTypeWidgetRowNum = (determineColumn == 6) ? 'THE 6TH COLUMN' : sameTypeWidgetRowNum; 2087 let widget_row = $(".page_widgets_bg_"+determineRow).closest('div').children().first().attr("class"); 2088 if (widget_row !== undefined) { 2089 //widgets on old design headers 2090 widget_display_selector = $("."+widget_row); 2091 } else { 2092 //widgets fed into design stacks 2093 widget_display_selector = $(".page_widgets_bg_"+determineRow+".widget_row_bg_"+determineRow+""); 2094 } 2095 if ($(this).attr("href") == "#skipFBContentDown_"+divid) { 2096 $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, OR TAB TO CONTINUE</div>'); 2097 } 2098 if ($(this).attr("href") == "#skipFBContentUp_"+divid) { 2099 $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, SHIFT+TAB TO CONTINUE INTO FB FEED, OR TAB TO CONTINUE</div>'); 2100 } 2101 if ($(this).attr("href") == "#skipTwitterContentDown_"+divid) { 2102 $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, OR TAB TO CONTINUE</div>'); 2103 } 2104 if ($(this).attr("href") == "#skipTwitterContentUp_"+divid) { 2105 $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, SHIFT+TAB TO CONTINUE INTO TWITTER FEED, OR TAB TO CONTINUE</div>'); 2106 } 2107 $('html,body').animate({ 2108 scrollTop: $(".page_widgets_bg_"+determineRow).offset().top 2109 }); 2110 }).on('focusout', function() { 2111 $(".tab_alert").remove(); 2112 }); 2113 }); 2114 }); 2115 </script>
2115 2116 <div class=" page-content inset"></div> 2117
2117<script> 2118 var videoObj = {}; 2119 var userVideoObj = {}; 2120 $(document).ready(function() { 2121 $(".warning").remove(); 2122 $('.horitontal_pic').on('mouseup',function() { 2123 src = $(this).attr('src'); 2124 new_file_path = src; 2125 text = $(this).attr('alt'); 2126 if (text.toLowerCase().indexOf("website picture") >= 0) { 2127 text = ''; 2128 } 2129 img = '<img src="' + new_file_path + '" class="img-responsive"/>'; 2130 2131 2132 $('#horitontal_pic_list .modal-body').html('<center>'+img+'</center>'+'<div style="margin:20px;" class="photo_desc well text-center">'+text+'</div>'); 2133 2134 2135 $('#horitontal_pic_list').on('hidden.bs.modal', function () { 2136 $('#horitontal_pic_list .modal-body').html(''); 2137 }) 2138 }); 2139 }); 2140 2141 2142 $(document).on('click', '.ig_video_play_btn', function() { 2143 let button = $(this); 2144 button.hide(); 2145 button.prev('img').hide(); 2146 button.next('video').show().get(0).play(); 2147 }); 2148 2149 $(document).on('click', '.carousel_ig_post', function() { 2150 $('video').trigger('pause'); 2151 $('.ig_video_play_btn').show(); 2152 }); 2153 </script>
2153 2154 <!-- horitontal_pic modal (this can not be moved to where the other modals are created) --> 2155 <div class="modal fade" id="horitontal_pic_list" tabindex="-1" role="dialog"> 2156 <div class="modal-dialog"> 2157 <!-- stack pic series image body content--> 2158 <div class="modal-content"> 2159 <div class="modal-header"> 2160 <button type="button" class="close" data-dismiss="modal">×</button> 2161 </div> 2162 <div class="modal-body"> 2163 </div> 2164 <div class="modal-footer"> 2165 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 2166 </div> 2167 </div> 2168 </div> 2169 </div> 2170 <h1 class="page_title sr-only">Homepage</h1><style> 2171 .stack_title { 2172 color:#333333 !important; 2173 } 2174 </style><div id="submitted_form_content"></div><div id="skiptocontent"><div id="divHeight" class="container-fluid" style="padding:0px !important;"><div class="stack_sort_area col-md-12 col-xs-12 col-sm-12 remove_col_padding"> 2175<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out " id="item2119379"> 2176 <!-- Stack Spotlight Component --> 2177 <div class="clearfix"></div> 2178 <div id="stack_content_2119379" class="stack-item-view-container "> 2179 <div class="ss-component-content container"> 2180 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div> <div class="spotlight-container spotlight-layout-large spotlight-layout-photo-right spotlight-hor-text-align-center spotlight-vert-text-align-center spotlight-caption-box spotlight-caption-align-left spotlight-caption-responsive spotlight-caption-width-small"> 2181 <div class="spotlight-nav-container"> 2182 <div class="spotlight-nav-options"> 2183 <button class="js-carousel-control-spotlight js-carousel-pause carousel-nav-option carousel-nav-option-pause ss-button" data-direction="pause" aria-label="Pause Slideshow"> 2184 <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2185 <g clip-path="url(#clip0_15_1083)"> 2186 <rect width="40" height="40" rx="20" fill="black"/> 2187 <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 2188 <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 2189 </g> 2190 <defs> 2191 <clipPath id="clip0_15_1083"> 2192 <rect width="40" height="40" fill="white"/> 2193 </clipPath> 2194 </defs> 2195 </svg> 2196 <span class="sr-only">Pause</span> 2197 </button> <button class="js-carousel-control-spotlight js-carousel-cycle carousel-nav-option carousel-nav-option-cycle ss-button" style="display:none;" data-direction="cycle" aria-label="Play Slideshow"> 2198 <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2199 <g clip-path="url(#clip0_15_1112)"> 2200 <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" /> 2201 <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/> 2202 </g> 2203 <defs> 2204 <clipPath id="clip0_15_1112"> 2205 <rect width="40" height="40" fill="white"/> 2206 </clipPath> 2207 </defs> 2208 </svg> 2209 <span class="sr-only">Play</span> 2210 </button> <button class="js-carousel-control-spotlight js-carousel-prev carousel-nav-option carousel-nav-option-prev ss-button" data-direction="prev" aria-label="Previous Slide"> 2211 <div class="nav-svg-container"> 2212 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2213 <circle cx="20" cy="20" r="20" /> 2214 </svg> 2215 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav
2215-arrow-svg"> 2216 <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 2217 </svg> 2218 </div> 2219 <span class="sr-only">Previous</span> 2220 </button> <button class="js-carousel-control-spotlight js-carousel-next carousel-nav-option carousel-nav-option-next ss-button" data-direction="next" aria-label="Next Slide"> 2221 <div class="nav-svg-container"> 2222 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2223 <circle cx="20" cy="20" r="20" /> 2224 </svg> 2225 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg"> 2226 <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 2227 </svg> 2228 </div> 2229 <span class="sr-only">Next</span> 2230 </button> </div> 2231 </div> 2232 <div id="spotlightCarousel_2119379" 2233 class="carousel slide spotlight-carousel-container carousel-fade" 2234 role="region" 2235 aria-label="Spotlight" 2236 data-ride="carousel" 2237 data-interval="6000" 2238 aria-roledescription="carousel"> 2239 <div class="carousel-inner"> 2240 <div class="item active" 2241 data-index="0" 2242 role="group" 2243 aria-roledescription="Slide" 2244 aria-label="Slide 1 of 8: Group of students" 2245 data-ss-slide-announcement="Slide 1 of 8. Group of students"> 2246 <div class="spotlight-slide"> 2247 <div class="spotlight-slide-component"> 2248 <div class="spotlight-image-container spotlight-image-container-0 "> 2249 <img src="https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg" alt='Group of students' /> 2250 </div> 2251 </div> 2252 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2253 <div class="spotlight-text-container"> 2254 2255 2256 </div> 2257 </div> 2258 </div> 2259 </div> <div class="item " 2260 data-index="1" 2261 role="group" 2262 aria-roledescription="Slide" 2263 aria-label="Slide 2 of 8: Group of students" 2264 data-ss-slide-announcement="Slide 2 of 8. Group of students"> 2265 <div class="spotlight-slide"> 2266 <div class="spotlight-slide-component"> 2267 <div class="spotlight-image-container spotlight-image-container-1 "> 2268 <img src="https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png" alt='Group of students' /> 2269 </div> 2270 </div> 2271 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2272 <div class="spotlight-text-container"> 2273 2274 2275 </div> 2276 </div> 2277 </div> 2278 </div> <div class="item " 2279 data-index="2" 2280 role="group" 2281 aria-roledescription="Slide" 2282 aria-label="Slide 3 of 8: Group of three students" 2283 data-ss-slide-announcement="Slide 3 of 8. Group of three students"> 2284 <div class="spotlight-slide"> 2285 <div class="spotlight-slide-component"> 2286 <div class="spotlight-image-container spotlight-image-container-2 "> 2287 <img src="https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png" alt='Group of three students' /> 2288 </div> 2289 </div> 2290 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2291 <div class="spotlight-text-container"> 2292 2293 2294 </div> 2295 </div> 2296 </div> 2297 </div> <div class="item " 2298 data-index="3" 2299 role="group" 2300 aria-roledescription="Slide" 2301 aria-label="Slide 4 of 8: Group of basketball players" 2302 data-ss-slide-announcement="Slide 4 of 8. Group of basketball players"> 2303 <div class="spotlight-slide"> 2304 <div class="spotlight-slide-component"> 2305 <div class="spotlight-image-container spotlight-image-container-3 "> 2306 <img src="https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png" alt='Group of basketball players' /> 2307 </div> 2308 </div> 2309 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2310 <div class="spotlight-text-container"> 2311 2312 2313 </div> 2314 </div> 2315 </div> 2316 </div> <div class="item " 2317 data-index="4" 2318 role="group" 2319 aria-roledescription="Slide" 2320 aria-label="Slide 5 of 8: Two girls in costume" 2321 data-ss-slide-announcement="Slide 5 of 8. Two girls in costume"> 2322 <div class="spotlight-slide"> 2323 <div class="spotlight-slide-component"> 2324 <div class="spotlight-image-container spotlight-image-container-4 "> 2325 <img src="https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png" alt='Two girls in costume' /> 2326 </div> 2327 </div> 2328 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2329 <div class="spotlight-text-container"> 2330 2331 2332 </div> 2333 </div> 2334 </div> 2335 </div> <div class="item " 2336 data-index="5" 2337 role="group" 2338 aria-roledescription="Slide" 2339 aria-label="Slide 6 of 8: Student on court" 2340 data-ss-slide-announcement="Slide 6 of 8. Student on court"> 2341 <div class="spotlight-slide"> 2342 <div class="spotlight-slide-component"> 2343 <div class="spotlight-image-container spotlight-image-container-5 "> 2344 <img src="https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png" alt='Student on court' /> 2345 </div> 2346 </div> 2347 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2348 <div class="spotlight-text-container"> 2349 2350 2351 </div> 2352 </div> 2353 </div> 2354 </div> <div class="item " 2355 data-index="6" 2356 role="group" 2357 aria-roledescription="Slide" 2358 aria-label="Slide 7 of 8: Group of cheerleaders" 2359 data-ss-slide-announcement="Slide 7 of 8. Group of cheerleaders"> 2360 <div class="spotlight-slide"> 2361 <div class="spotlight-slide-component"> 2362 <div class="spotlight-image-container spotlight-image-container-6 "> 2363 <img src="https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png" alt='Group of cheerleaders' /> 2364 </div> 2365 </div> 2366 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2367 <div class="spotlight-text-container"> 2368 2369 2370 </div> 2371 </div> 2372 </div> 2373 </div> <div class="item " 2374 data-index="7" 2375 role="group" 2376 aria-roledescription="Slide" 2377 aria-label="Slide 8 of 8: Student welding" 2378 data-ss-slide-announcement="Slide 8 of 8. Student welding"> 2379 <div class="spotlight-slide"> 2380 <div class="spotlight-slide-component"> 2381 <div class="spotlight-image-container spotlight-image-container-7 "> 2382 <img src="https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png" alt='Student welding' /> 2383 </div> 2384 </div> 2385 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2386 <div class="spotlight-text-container"> 2387 2388 2389 </div> 2390 </div> 2391 </div> 2392 </div> </div> 2393 </div>
2394 <div class="normalize-slides"> 2395 <div class="spotlight-slide"> 2396 <div class="spotlight-slide-component"> 2397 <div class="spotlight-image-container spotlight-image-container-0 "> 2398 <img src="https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg" alt='Group of students' /> 2399 </div> 2400 </div> 2401 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2402 <div class="spotlight-text-container"> 2403 2404 2405 </div> 2406 </div> 2407 </div> <div class="spotlight-slide"> 2408 <div class="spotlight-slide-component"> 2409 <div class="spotlight-image-container spotlight-image-container-1 "> 2410 <img src="https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png" alt='Group of students' /> 2411 </div> 2412 </div> 2413 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2414 <div class="spotlight-text-container"> 2415 2416 2417 </div> 2418 </div> 2419 </div> <div class="spotlight-slide"> 2420 <div class="spotlight-slide-component"> 2421 <div class="spotlight-image-container spotlight-image-container-2 "> 2422 <img src="https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png" alt='Group of three students' /> 2423 </div> 2424 </div> 2425 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2426 <div class="spotlight-text-container"> 2427 2428 2429 </div> 2430 </div> 2431 </div> <div class="spotlight-slide"> 2432 <div class="spotlight-slide-component"> 2433 <div class="spotlight-image-container spotlight-image-container-3 "> 2434 <img src="https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png" alt='Group of basketball players' /> 2435 </div> 2436 </div> 2437 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2438 <div class="spotlight-text-container"> 2439 2440 2441 </div> 2442 </div> 2443 </div> <div class="spotlight-slide"> 2444 <div class="spotlight-slide-component"> 2445 <div class="spotlight-image-container spotlight-image-container-4 "> 2446 <img src="https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png" alt='Two girls in costume' /> 2447 </div> 2448 </div> 2449 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2450 <div class="spotlight-text-container"> 2451 2452 2453 </div> 2454 </div> 2455 </div> <div class="spotlight-slide"> 2456 <div class="spotlight-slide-component"> 2457 <div class="spotlight-image-container spotlight-image-container-5 "> 2458 <img src="https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png" alt='Student on court' /> 2459 </div> 2460 </div> 2461 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2462 <div class="spotlight-text-container"> 2463 2464 2465 </div> 2466 </div> 2467 </div> <div class="spotlight-slide"> 2468 <div class="spotlight-slide-component"> 2469 <div class="spotlight-image-container spotlight-image-container-6 "> 2470 <img src="https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png" alt='Group of cheerleaders' /> 2471 </div> 2472 </div> 2473 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2474 <div class="spotlight-text-container"> 2475 2476 2477 </div> 2478 </div> 2479 </div> <div class="spotlight-slide"> 2480 <div class="spotlight-slide-component"> 2481 <div class="spotlight-image-container spotlight-image-container-7 "> 2482 <img src="https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png" alt='Student welding' /> 2483 </div> 2484 </div> 2485 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2486 <div class="spotlight-text-container"> 2487 2488 2489 </div> 2490 </div> 2491 </div> </div> 2492 <div class="sr-only js-spotlight-slide-announcer" role="status" aria-l
2492ive="polite" aria-atomic="true"></div> </div> 2493 </div> 2494 </div> 2495 <div class="clearfix"></div> 2496 2497 <!-- Stack Spotlight Designer CSS --> 2498 <style> 2499 #item2119379 .spotlight-slide-bg-color { 2500 background-color: #000000; } 2501 2502 #item2119379 .spotlight-text-container .spotlight-slide-title { 2503 font-family: Outfit, sans-serif; 2504 font-weight: 700; color: #ffffff; } 2505 2506 #item2119379 .spotlight-text-cta-container p { 2507 font-family: "Reddit Sans", sans-serif; color: #ffffff; } 2508 2509 @media only screen and (min-width : 1100px) { 2510 #item2119379 .spotlight-text-container .spotlight-slide-title { 2511 font-size: 48px; } 2512 #item2119379 .spotlight-text-cta-container p { 2513 font-size: 26px; } 2514 } 2515 2516 #item2119379 .spotlight-image-container-0:before { 2517 background-image: url('https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg'); 2518 } #item2119379 .spotlight-image-container-1:before { 2519 background-image: url('https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png'); 2520 } #item2119379 .spotlight-image-container-2:before { 2521 background-image: url('https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png'); 2522 } #item2119379 .spotlight-image-container-3:before { 2523 background-image: url('https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png'); 2524 } #item2119379 .spotlight-image-container-4:before { 2525 background-image: url('https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png'); 2526 } #item2119379 .spotlight-image-container-5:before { 2527 background-image: url('https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png'); 2528 } #item2119379 .spotlight-image-container-6:before { 2529 background-image: url('https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png'); 2530 } #item2119379 .spotlight-image-container-7:before { 2531 background-image: url('https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png'); 2532 } 2533 #item2119379 .animated-button svg path { 2534 stroke: #ffffff; 2535 } 2536 2537 #item2119379 .animated-button { 2538 color: #ffffff; 2539 background-color: #5a20b0; 2540 font-family: "Reddit Sans", sans-serif; 2541 } 2542 #item2119379 .animated-button { 2543 font-size: 16px; 2544 } 2545 2546 #item2119379 .animated-button .animated-button-text { 2547 transform: translateX(4.6666666666667px); 2548 } 2549 2550 #item2119379 .animated-button svg { 2551 height: 11.2px; 2552 } 2553 @media only screen and (max-width : 991px) { 2554 #item2119379 .animated-button { 2555 font-size: 16px; 2556 } 2557 2558 #item2119379 .animated-button .animated-button-text { 2559 transform: translateX(4.6666666666667px); 2560 } 2561 2562 #item2119379 .animated-button svg { 2563 height: 11.2px; 2564 } 2565 } 2566 </style> 2567</section> 2568 2569<section data-comp="icon-matrix" class="ss-component ss-icon-matrix break-out ss-has-bg " id="item2119380" data-pageid="stack_icon_matrix" data-parentid="110324" data-elemid="2119380" > 2570 2571 2572 <div id="stack_content_2119380" class=""> 2573 <div class="ss-component-content container background-break-out"> 2574 <div class="ss-im-details-wrapper"></div> 2575 <div class="ss-component-column-wrapper ss-im-body-left ss-one-third"> 2576 <div class="ss-component-column ss-column-one ss-editor-content ss-clear ss-linked-image-hover-zoom"><h2><span style="font-size:72px;">Our Mission</span></h2> 2577 2578<p><span style="font-size:22px;"><b>At Oostburg Schools, our mission is to ensure all students learn at high levels so they can become positive and productive contributors to society and the world.</b></span></p> 2579 2580<p><span style="font-size:20px;">Students and their learning are at the heart of the decision we make. We align our curriculum and use research based instructional practices to support high levels of learning for our students. We pursue uncommon academic impact b
2580y creating meaningful learning experiences where students think critically, innovate, create, collaborate, debate, solve problems, and discover their unique strengths. By combining academic excellence with personalized opportunities and strong relationships, we prepare students for success in college, careers, and life.</span></p> 2581</div> <div class="ss-component-column ss-im-solid-overlap-boxes ss-column-two "> <div class="ss-im-icons-list-wrapper"> 2582 <div class="ss-im-icons-list"> 2583 2584<div class="ss-im-icon-wrapper ss-flex-3"> 2585 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2586 <img src="https://files.smartsites.parentsquare.com/13419/ad4o1cumvfmpccikcfd.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2587 <h2 class="ss-icon-title" data-text-size="24">Growth</h2> 2588 <div class="ss-icon-text" data-text-size="18">Growth is the journey to excellence.</div> 2589 </button> 2590 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:18px;"></span></span></p> 2591 2592<p><span style="font-size:18px;">Every student and every adult has the capacity to learn, improve, and reach new levels of success. We focus on becoming the best version of ourselves by embracing challenges, reflecting on our practice, and committing to continuous improvement. Excellence is not a destination but a mindset.</span></p> 2593 2594<p><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:18px;"></span></span></p> 2595</div></div> 2596</div> 2597 2598<div class="ss-im-icon-wrapper ss-flex-3"> 2599 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2600 <img src="https://files.smartsites.parentsquare.com/13419/ugmuhds56c0t9gioegg.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2601 <h2 class="ss-icon-title" data-text-size="24">Trust</h2> 2602 <div class="ss-icon-text" data-text-size="18">Trust is the foundation of strong relationships and high performing organizations. </div> 2603 </button> 2604 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span><span style="font-size:18px;">We build trust through transparency, honesty, consistency, and following through on our commitments. We recognize that we are all works in progress and believe authentic relationships are built when people feel respected, supported, and safe to learn from both
2604successes and mistakes.</span><span style="font-size:18px;"></span></p> 2605</div></div> 2606</div> 2607 2608<div class="ss-im-icon-wrapper ss-flex-3"> 2609 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2610 <img src="https://files.smartsites.parentsquare.com/13419/ka87a1i21353bbfadbl.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2611 <h2 class="ss-icon-title" data-text-size="24">CollaborÂation</h2> 2612 <div class="ss-icon-text" data-text-size="18">We believe our best work happens together.</div> 2613 </button> 2614 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span>By sharing ideas, learning from one another, and taking collective responsibility for student success, we accomplish more than we ever could alone. Collaboration extends beyond our classrooms to our families, our community, and every member of the Oostburg team because every student benefits when we work together.<span style="font-size:18px;"></span></p> 2615</div></div> 2616</div> 2617 2618<div class="ss-im-icon-wrapper ss-flex-3"> 2619 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2620 <img src="https://files.smartsites.parentsquare.com/13419/plgh38siaugffdhkiei.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2621 <h2 class="ss-icon-title" data-text-size="24">CommunicÂation</h2> 2622 <div class="ss-icon-text" data-text-size="18">Communication builds connection.</div> 2623 </button> 2624 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span>We believe meaningful conversations create understanding, strengthen relationships, and move our work forward. We listen first, seek to understand before being understood, communicate with honesty and respect, and address challenges directly because healthy communication is essential to a thriving school community.<span style="font-size:18px;"></span></p> 2625</div></div> 2626</div> 2627 2628<div class="ss-im-icon-wrapper ss-flex-3"> 2629 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2630 <img src="https://files.smartsites.parentsquare.com/13419/t18rvbv07ia3eakhjim.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2631 <h2 class="ss-icon-title" data-text-size="24">Community</h2> 2632 <div class="ss-icon-text" data-text-size="18">Community is at the heart of who we are.</div> 2633 </button> 2634 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span></p> 2635 2636<p>Oostburg is a place where students, staff, families, and community members work together to create exceptional opportunities for children. Dutchmen pride is rooted in a strong sense of belonging, shared traditions, and a commitment to one another. We honor our past while embracing opportunities to grow, knowing that strong schools help create a strong community.</p> 2637 2638<p><span style="font-size:18px;"></span></p> 2639</div></div> 2640</div> 2641 2642<div class="ss-im-icon-wrapper ss-flex-3"> 2643 <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal"> 2644 <img src="https://files.smartsites.parentsquare.com/13419/9mtr8lrjceua5oaflgp.jpg" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon ss-icon-border" aria-hidden="true" /> 2645 <h2 class="ss-icon-title" data-text-size="24">StewardÂship</h2> 2646 <div class="ss-icon-text" data-text-size="18">We have been entrusted with something incredibly important: the education, safety, and well being of our students. </div> 2647 </button> 2648 <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p>We are committed to making decisions that place students first and use our time, talents, and resources responsibly. Through careful stewardship, we honor the trust our community places in us and ensure Oostburg Schools remain strong for generations to come.</p> 2649</div></div> 2650</div> 2651 2652 </div> 2653 </div></div> 2654 </div> 2655 </div> 2656 </div> 2657 <style type="text/css"> 2658 #item2119380 { 2659 background-repeat: no-repeat; 2660 background-position: center center; 2661 background-image:url("https://files.smartsites.parentsquare.com/13419/j34cr7puami18mdbghm.png"); 2662 } 2663 #item2119380::before { 2664 background-color: #da3831; 2665 opacity: 0.0; 2666 } 2667 #item2119380 .ss-icon-title { 2668 font-family: Outfit, sans-serif; 2669 font-weight: 700;; 2670 font-size: clamp(14px, 4.5vw, 24px); 2671 } 2672 #item2119380 .ss-icon-text { 2673 font-family: "Reddit Sans", sans-serif;; 2674 font-size: 18px; 2675 } 2676 #item2119380 .ss-editor-content { 2677 color: #ffffff; 2678 } 2679 #item2119380 .ss-editor-content a { 2680 color: #ffffff; 2681 } 2682 #item2119380 .ss-im-icon-wrapper-inner { 2683 border-color: transparent; 2684 } 2685 #item2119380 .ss-im-icon-wrapper-inner::before { 2686 background-color: #000000; 2687 opacity: 1.0; 2688 } 2689 #item2119380 .ss-icon { 2690 color: ; 2691 background-color: #ffffff; 2692 border-color: transparent;border-color: #ffffff; 2693 } 2694 #item2119380 .ss-icon-title { 2695 color: #ffffff; 2696 } 2697 #item2119380 .ss-icon-text { 2698 color: #ffffff; 2699 } 2700 #item2119380 .ss-im-scroll .ss-im-slick-dots :not(.slick-active) .ss-im-dot { 2701 border-color: #FFFFFF; 2702 } 2703 #item2119380 .ss-im-scroll .ss-im-slick-dots .slick-active .ss-im-dot { 2704 background-color: #FFFFFF; 2705 }</style></section> 2706 2707<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out ss-no-margin ss-no-radius " id="item2119381"> 2708 <!-- Stack Scrollover Image Component --> 2709 <div class="clearfix"></div> 2710 <div id="stack_content_2119381" class="stack-item-view-container "> 2711 <div class="ss-component-content container "> 2712 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div> <div class="scrollover-image-rows stack-item-content-container stack-item-four-column-grid scrollover-gradiant"> 2713 <div class="scrollover-image-container stack-item-four-column-grid"> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 2714 style="background-image: url('https://files.smartsites.parentsquare.com/13419/s2e27vam92dgbkhncnm.png')"> 2715 <div class="image-rollover-content title-only"> 2716 2717 <div class="image-rollover-reveal"> 2718 <div class="image-rollover-reveal-inner"> 2719 2720 2721 </div> 2722 </div> 2723 </div> 2724 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 2725 style="background-image: url('https://files.smartsites.parentsquare.com/13419/kd8qc3siif489clodom.png')"> 2726 <div class="image-rollover-content title-only"> 2727 2728 <div class="image-rollover-reveal"> 2729 <div class="image-rollover-reveal-inner"> 2730 2731 2732 </div> 2733 </div> 2734 </div> 2735 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 2736 style="background-image: url('https://files.smartsites.parentsquare.com/13419/mm182pd47puu2inegpm.png')"> 2737 <div class="image-rollover-content title-only"> 2738 2739 <div class="image-rollover-reveal"> 2740 <div class="image-rollover-reveal-inner"> 2741 2742 2743 </div> 2744 </div> 2745 </div> 2746 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 2747 style="background-image: url('https://files.smartsites.parentsquare.com/13419/3v25npkeujjrdgeldan.png')"> 2748 <div class="image-rollover-content title-only"> 2749 2750 <div class="image-rollover-reveal"> 2751 <div class="image-rollover-reveal-inner"> 2752 2753 2754 </div> 2755 </div> 2756 </div> 2757 </div></div> </div> 2758 </div> 2759 </div> 2760 <div class="clearfix"></div> 2761 <style> 2762#item2119381 .image-rollover-container { 2763 height: 400px; 2764} 2765 2766#item2119381 .scrollover-image-container .ss-scrollover-title { 2767 color: #ffffff; font-family: Outfit, sans-serif; 2768 font-weight: 700; font-size: 20px;} 2769 2770#item2119381 .scrollover-image-container p { 2771 color: #ffffff; font-family: Inter, sans-serif; 2772 font-weight: 700; font-size: 28px;} 2773 2774#item2119381 .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title, 2775#item2119381 .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title, 2776#item2119381 .image-rollover-container:not(.scrollover-static):hover p, 2777#item2119381 .image-rollover-container:not(.scrollover-static):focus-within p { 2778 color: #ffffff;} 2779 2780#item2119381 .scrollover-cover .image-rollover-container::before, 2781#item2119381 .scrollover-cover-centered .image-rollover-container::before { 2782 background-color: #000000; 2783 opacity: 0.0; 2784} 2785 2786#item2119381 .image-rollover-container:not(.scrollover-static):focus-within::before, 2787#item2119381 .image-rollover-container:not(.scrollover-static):hover::before, 2788#item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static):hover::before, 2789#item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static):focus-within::before, 2790#item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):hover::before, 2791#item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):focus-within::before { 2792 background-color: #000000; 2793 opacity: 0.0; 2794} 2795 2796#item2119381 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before { 2797 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 44.9%); 2798} 2799 2800#item2119381 .scrollover-gradiant .image-rollover-content p:not(.ss-scrollover-title)::before, 2801#item2119381 .scrollover-gradiant .image-rollover-content.title-only .ss-scrollover-title::after, 2802#item2119381 .scrollover-solid .image-rollover-content .ss-scrollover-title::before, 2803#item2119381 .scrollover-solid .image-rollover-content p:not(.ss-scrollover-title)::before, 2804#item2119381 .scrollover-solid .image-rollover-content.title-only .ss-scrollover-title::after { 2805 background-color: rgba(0, 0, 0, 0.0); 2806} 2807 2808#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before, 2809#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before, 2810#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before, 2811#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before, 2812#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after, 2813#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after { 2814 background-image: none; 2815 background-color: transparent; 2816} 2817 2818#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before, 2819#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before, 2820#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before, 2821#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before, 2822#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after, 2823#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after { 2824 background-color: transparent; 2825} 2826
2827/* Highlight: per-line highlighter behind the title; caption text sits on a translucent panel; the button does not */ 2828#item2119381 .scrollover-highlight .image-rollover-content .ss-scrollover-title span { 2829 background-color: rgba(0, 0, 0, 0.0); 2830} 2831 2832#item2119381 .scrollover-highlight .image-rollover-reveal p { 2833 background-color: rgba(0, 0, 0, 0.0); 2834 color: #ffffff;} 2835 2836/* Title color stays constant on hover for the Highlight variant */ 2837#item2119381 .scrollover-highlight .ss-scrollover-title, 2838#item2119381 .scrollover-highlight .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title, 2839#item2119381 .scrollover-highlight .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title { 2840 color: #ffffff;} 2841 2842@media screen and (max-width: 767px) { 2843 #item2119381 .image-rollover-content { 2844 visibility: visible; 2845 } 2846 #item2119381 .scrollover-image-container .image-rollover-container:not(.scrollover-static) .ss-scrollover-title, 2847 #item2119381 .scrollover-image-container .image-rollover-container:not(.scrollover-static) p { 2848 color: #ffffff; } 2849 2850 #item2119381 .scrollover-highlight .image-rollover-container .ss-scrollover-title { 2851 color: #ffffff; } 2852 2853 #item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static)::before, 2854 #item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static)::before, 2855 #item2119381 .image-rollover-container:not(.scrollover-static)::before { 2856 background-color: #000000; 2857 opacity: 0.0; 2858 } 2859} 2860 #item2119381 .animated-button svg path { 2861 stroke: #000000; 2862 } 2863 2864 #item2119381 .animated-button { 2865 color: #000000; 2866 background-color: #b8b8b8; 2867 font-family: "Reddit Sans", sans-serif; 2868 } 2869 #item2119381 .animated-button { 2870 font-size: 16px; 2871 } 2872 2873 #item2119381 .animated-button .animated-button-text { 2874 transform: translateX(4.6666666666667px); 2875 } 2876 2877 #item2119381 .animated-button svg { 2878 height: 11.2px; 2879 } 2880 </style> 2881</section> 2882 2883 2884 2885<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out " id="item2119382"> 2886 <!-- Stack Spotlight Component --> 2887 <div class="clearfix"></div> 2888 <div id="stack_content_2119382" class="stack-item-view-container "> 2889 <div class="ss-component-content container"> 2890 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div> <div class="spotlight-container spotlight-layout-small spotlight-layout-small-with-body spotlight-layout-photo-left spotlight-hor-text-align-left spotlight-vert-text-align-center spotlight-caption-gradient spotlight-caption-align-center spotlight-caption-responsive spotlight-caption-width-small"> 2891 <div class="spotlight-nav-container"> 2892 <div class="spotlight-nav-options"> 2893 <button class="js-carousel-control-spotlight js-carousel-pause carousel-nav-option carousel-nav-option-pause ss-button" data-direction="pause" aria-label="Pause Slideshow"> 2894 <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2895 <g clip-path="url(#clip0_15_1083)"> 2896 <rect width="40" height="40" rx="20" fill="black"/> 2897 <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 2898 <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 2899 </g> 2900 <defs> 2901 <clipPath id="clip0_15_1083"> 2902 <rect width="40" height="40" fill="white"/> 2903 </clipPath> 2904 </defs> 2905 </svg> 2906 <span class="sr-only">Pause</span> 2907 </button> <button class="js-carousel-control-spotlight js-carousel-cycle carousel-nav-option carousel-nav-option-cycle ss-button" style="display:none;" data-direction="cycle" aria-label="Play Slideshow"> 2908 <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2909 <g clip-path="url(#clip0_15_1112)"> 2910 <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" /> 2911 <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/> 2912 </g> 2913 <defs> 2914 <clipPath id="clip0_15_1112"> 2915 <rect width="40" height="40" fill="white"/> 2916 </clipPath> 2917 </defs> 2918 </svg>
2919 <span class="sr-only">Play</span> 2920 </button> <button class="js-carousel-control-spotlight js-carousel-prev carousel-nav-option carousel-nav-option-prev ss-button" data-direction="prev" aria-label="Previous Slide"> 2921 <div class="nav-svg-container"> 2922 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2923 <circle cx="20" cy="20" r="20" /> 2924 </svg> 2925 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg"> 2926 <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 2927 </svg> 2928 </div> 2929 <span class="sr-only">Previous</span> 2930 </button> <button class="js-carousel-control-spotlight js-carousel-next carousel-nav-option carousel-nav-option-next ss-button" data-direction="next" aria-label="Next Slide"> 2931 <div class="nav-svg-container"> 2932 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 2933 <circle cx="20" cy="20" r="20" /> 2934 </svg> 2935 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg"> 2936 <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 2937 </svg> 2938 </div> 2939 <span class="sr-only">Next</span> 2940 </button> </div> 2941 </div> 2942 <div id="spotlightCarousel_2119382" 2943 class="carousel slide spotlight-carousel-container carousel-fade" 2944 role="region" 2945 aria-label="Spotlight" 2946 data-ride="carousel" 2947 data-interval="6000" 2948 aria-roledescription="carousel"> 2949 <div class="carousel-inner"> 2950 <div class="item active" 2951 data-index="0" 2952 role="group" 2953 aria-roledescription="Slide" 2954 aria-label="Slide 1 of 3: Group of students" 2955 data-ss-slide-announcement="Slide 1 of 3. Group of students"> 2956 <div class="spotlight-slide"> 2957 <div class="spotlight-slide-component"> 2958 <div class="spotlight-image-container spotlight-image-container-0 "> 2959 <img src="https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png" alt='Group of students' /> 2960 </div> 2961 </div> 2962 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2963 <div class="spotlight-text-container"> 2964 2965 2966 </div> 2967 </div> 2968 </div> 2969 </div> <div class="item " 2970 data-index="1" 2971 role="group" 2972 aria-roledescription="Slide" 2973 aria-label="Slide 2 of 3: Group of students" 2974 data-ss-slide-announcement="Slide 2 of 3. Group of students"> 2975 <div class="spotlight-slide"> 2976 <div class="spotlight-slide-component"> 2977 <div class="spotlight-image-container spotlight-image-container-1 "> 2978 <img src="https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png" alt='Group of students' /> 2979 </div> 2980 </div> 2981 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 2982 <div class="spotlight-text-container"> 2983 2984 2985 </div> 2986 </div> 2987 </div> 2988 </div> <div class="item " 2989 data-index="2" 2990 role="group" 2991 aria-roledescription="Slide" 2992 aria-label="Slide 3 of 3: Group of students" 2993 data-ss-slide-announcement="Slide 3 of 3. Group of students"> 2994 <div class="spotlight-slide"> 2995 <div class="spotlight-slide-component"> 2996 <div class="spotlight-image-container spotlight-image-container-2 "> 2997 <img src="https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png" alt='Group of students' /> 2998 </div> 2999 </div> 3000 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3001 <div class="spotlight-text-container"> 3002 3003 3004 </div> 3005 </div> 3006 </div> 3007 </div> </div> 3008 </div>
3009 <div class="normalize-slides"> 3010 <div class="spotlight-slide"> 3011 <div class="spotlight-slide-component"> 3012 <div class="spotlight-image-container spotlight-image-container-0 "> 3013 <img src="https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png" alt='Group of students' /> 3014 </div> 3015 </div> 3016 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3017 <div class="spotlight-text-container"> 3018 3019 3020 </div> 3021 </div> 3022 </div> <div class="spotlight-slide"> 3023 <div class="spotlight-slide-component"> 3024 <div class="spotlight-image-container spotlight-image-container-1 "> 3025 <img src="https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png" alt='Group of students' /> 3026 </div> 3027 </div> 3028 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3029 <div class="spotlight-text-container"> 3030 3031 3032 </div> 3033 </div> 3034 </div> <div class="spotlight-slide"> 3035 <div class="spotlight-slide-component"> 3036 <div class="spotlight-image-container spotlight-image-container-2 "> 3037 <img src="https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png" alt='Group of students' /> 3038 </div> 3039 </div> 3040 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3041 <div class="spotlight-text-container"> 3042 3043 3044 </div> 3045 </div> 3046 </div> </div> 3047 <div class="spotlight-component-body-panel spotlight-slide-bg-color"> 3048 <div class="spotlight-component-body-content"> 3049 3050 <div class="ss-editor-content spotlight-component-body-text ss-linked-image-hover-zoom"> 3051 <p style="text-align: center;"><span style="font-family:Inter;"><span style="line-height:1;"><span style="font-size:60px;"><strong>GROWING TOGETHER</strong></span></span></span></p> 3052 3053<p style="text-align: center;"><span style="font-size:26px;">Together, our students, staff and families create moments that reflect our commitment to every student and the relationships that make learning possible.</span></p> 3054 3055 </div> 3056 </div> 3057 </div> <div class="sr-only js-spotlight-slide-announcer" role="status" aria-live="polite" aria-atomic="true"></div> </div> 3058 </div> 3059 </div> 3060 <div class="clearfix"></div> 3061 3062 <!-- Stack Spotlight Designer CSS --> 3063 <style> 3064 #item2119382 .spotlight-slide-bg-color { 3065 background-color: #000000; } 3066 3067 #item2119382 .spotlight-text-container .spotlight-slide-title { 3068 font-family: Outfit, sans-serif; 3069 font-weight: 700; color: #ffffff; } 3070 3071 #item2119382 .spotlight-text-cta-container p { 3072 font-family: "Reddit Sans", sans-serif; color: #ffffff; } 3073 3074 @media only screen and (min-width : 1100px) { 3075 #item2119382 .spotlight-text-container .spotlight-slide-title { 3076 font-size: 36px; } 3077 #item2119382 .spotlight-text-cta-container p { 3078 font-size: 22px; } 3079 } 3080 3081 #item2119382 .spotlight-image-container-0:before { 3082 background-image: url('https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png'); 3083 } #item2119382 .spotlight-image-container-1:before { 3084 background-image: url('https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png'); 3085 } #item2119382 .spotlight-image-container-2:before { 3086 background-image: url('https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png'); 3087 } 3088 #item2119382 .animated-button svg path { 3089 stroke: #333333; 3090 } 3091 3092 #item2119382 .animated-button { 3093 color: #333333; 3094 background-color: #ffffff; 3095 font-family: "Reddit Sans", sans-serif; 3096 } 3097 #item2119382 .animated-button { 3098 font-size: 16px; 3099 } 3100 3101 #item2119382 .animated-button .animated-button-text { 3102 transform: translateX(4.6666666666667px); 3103 } 3104 3105 #item2119382 .animated-button svg { 3106 height: 11.2px; 3107 } 3108 @media only screen and (max-width : 991px) { 3109 #item2119382 .animated-button { 3110 font-size: 16px; 3111 } 3112 3113 #item2119382 .animated-button .animated-button-text { 3114 transform: translateX(4.6666666666667px); 3115 } 3116 3117 #item2119382 .animated-button svg { 3118 height: 11.2px; 3119 } 3120 } 3121 #item2119382 .spotlight-component-body-panel .ss-component-header { 3122 padding: 0; 3123 max-width: 100%; 3124 } 3125 3126 #item2119382 .spotlight-component-body-panel .ss-component-header-title { 3127 color: #ffffff; } 3128 3129 #item2119382 .spotlight-component-body-panel .ss-component-header-title::before, 3130 #item2119382 .spotlight-component-body-panel .ss-component-header-title::after { 3131 border-color: currentColor; 3132 } 3133 3134 #item2119382 .spotlight-component-body-text { 3135 color: #ffffff; } 3136 3137 #item2119382 .spotlight-component-body-text a, 3138 #item2119382 .spotlight-component-body-text a:visited { 3139 color: #ffffff; } 3140 </style> 3141</section> 3142 3143<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out ss-no-margin ss-no-radius " id="item2119383"> 3144 <!-- Stack Scrollover Image Component --> 3145 <div class="clearfix"></div> 3146 <div id="stack_content_2119383" class="stack-item-view-container "> 3147 <div class="ss-component-content container "> 3148 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div> <div class="scrollover-image-rows stack-item-content-container stack-item-four-column-grid scrollover-gradiant"> 3149 <div class="scrollover-image-container stack-item-four-column-grid"> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 3150 style="background-image: url('https://files.smartsites.parentsquare.com/13419/kjj92g7uhnil3cbgjkl.png')"> 3151 <div class="image-rollover-content title-only"> 3152 3153 <div class="image-rollover-reveal"> 3154 <div class="image-rollover-reveal-inner"> 3155 3156 3157 </div> 3158 </div> 3159 </div> 3160 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 3161 style="background-image: url('https://files.smartsites.parentsquare.com/13419/eu556h2ipr14cmkbmll.png')"> 3162 <div class="image-rollover-content title-only"> 3163 3164 <div class="image-rollover-reveal"> 3165 <div class="image-rollover-reveal-inner"> 3166 3167 3168 </div> 3169 </div> 3170 </div> 3171 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 3172 style="background-image: url('https://files.smartsites.parentsquare.com/13419/fcjc0lohve9i9oglmli.png')"> 3173 <div class="image-rollover-content title-only"> 3174 3175 <div class="image-rollover-reveal"> 3176 <div class="image-rollover-reveal-inner"> 3177 3178 3179 </div> 3180 </div> 3181 </div> 3182 </div> <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item" 3183 style="background-image: url('https://files.smartsites.parentsquare.com/13419/phhmqjmuo5rkfdjokml.png')"> 3184 <div class="image-rollover-content title-only"> 3185 3186 <div class="image-rollover-reveal"> 3187 <div class="image-rollover-reveal-inner"> 3188 3189 3190 </div> 3191 </div> 3192 </div> 3193 </div></div> </div> 3194 </div> 3195 </div> 3196 <div class="clearfix"></div> 3197 <style> 3198#item2119383 .image-rollover-container { 3199 height: 400px; 3200} 3201 3202#item2119383 .scrollover-image-container .ss-scrollover-title { 3203 color: #ffffff; font-family: Outfit, sans-serif; 3204 font-weight: 700; font-size: 30px;} 3205 3206#item2119383 .scrollover-image-container p { 3207 color: #ffffff; font-family: "Reddit Sans", sans-serif; font-size: 22px;} 3208 3209#item2119383 .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title, 3210#item2119383 .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title, 3211#item2119383 .image-rollover-container:not(.scrollover-static):hover p, 3212#item2119383 .image-rollover-container:not(.scrollover-static):focus-within p { 3213 color: #ffffff;} 3214 3215#item2119383 .scrollover-cover .image-rollover-container::before, 3216#item2119383 .scrollover-cover-centered .image-rollover-container::before { 3217 background-color: #000000; 3218 opacity: 0.0; 3219} 3220 3221#item2119383 .image-rollover-container:not(.scrollover-static):focus-within::before, 3222#item2119383 .image-rollover-container:not(.scrollover-static):hover::before, 3223#item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static):hover::before, 3224#item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static):focus-within::before, 3225#item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):hover::before, 3226#item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):focus-within::before { 3227 background-color: #000000; 3228 opacity: 0.0; 3229} 3230 3231#item2119383 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before { 3232 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 44.9%); 3233} 3234 3235#item2119383 .scrollover-gradiant .image-rollover-content p:not(.ss-scrollover-title)::before, 3236#item2119383 .scrollover-gradiant .image-rollover-content.title-only .ss-scrollover-title::after, 3237#item2119383 .scrollover-solid .image-rollover-content .ss-scrollover-title::before, 3238#item2119383 .scrollover-solid .image-rollover-content p:not(.ss-scrollover-title)::before, 3239#item2119383 .scrollover-solid .image-rollover-content.title-only .ss-scrollover-title::after { 3240 background-color: rgba(0, 0, 0, 0.0); 3241} 3242 3243#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before, 3244#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before, 3245#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before, 3246#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before, 3247#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after, 3248#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after { 3249 background-image: none; 3250 background-color: transparent; 3251} 3252 3253#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before, 3254#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before, 3255#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before, 3256#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before, 3257#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after, 3258#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after { 3259 background-color: transparent; 3260} 3261
3262/* Highlight: per-line highlighter behind the title; caption text sits on a translucent panel; the button does not */ 3263#item2119383 .scrollover-highlight .image-rollover-content .ss-scrollover-title span { 3264 background-color: rgba(0, 0, 0, 0.0); 3265} 3266 3267#item2119383 .scrollover-highlight .image-rollover-reveal p { 3268 background-color: rgba(0, 0, 0, 0.0); 3269 color: #ffffff;} 3270 3271/* Title color stays constant on hover for the Highlight variant */ 3272#item2119383 .scrollover-highlight .ss-scrollover-title, 3273#item2119383 .scrollover-highlight .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title, 3274#item2119383 .scrollover-highlight .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title { 3275 color: #ffffff;} 3276 3277@media screen and (max-width: 767px) { 3278 #item2119383 .image-rollover-content { 3279 visibility: visible; 3280 } 3281 #item2119383 .scrollover-image-container .image-rollover-container:not(.scrollover-static) .ss-scrollover-title, 3282 #item2119383 .scrollover-image-container .image-rollover-container:not(.scrollover-static) p { 3283 color: #ffffff; } 3284 3285 #item2119383 .scrollover-highlight .image-rollover-container .ss-scrollover-title { 3286 color: #ffffff; } 3287 3288 #item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static)::before, 3289 #item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static)::before, 3290 #item2119383 .image-rollover-container:not(.scrollover-static)::before { 3291 background-color: #000000; 3292 opacity: 0.0; 3293 } 3294} 3295 #item2119383 .animated-button svg path { 3296 stroke: #333333; 3297 } 3298 3299 #item2119383 .animated-button { 3300 color: #333333; 3301 background-color: #ffffff; 3302 font-family: "Reddit Sans", sans-serif; 3303 } 3304 #item2119383 .animated-button { 3305 font-size: 16px; 3306 } 3307 3308 #item2119383 .animated-button .animated-button-text { 3309 transform: translateX(4.6666666666667px); 3310 } 3311 3312 #item2119383 .animated-button svg { 3313 height: 11.2px; 3314 } 3315 </style> 3316</section> 3317 3318 3319 3320<section data-comp="columns" class="ss-component ss-columns break-out ss-has-bg " id="item2119384" data-pageid="stack_columns" data-parentid="110324" data-elemid="2119384"> 3321 3322 <div id="stack_content_2119384" class=""> 3323 <div class="ss-component-content container background-break-out ss-two-column"> 3324 <div class="ss-columns-details-wrapper"> 3325 <div class="ss-editor-content ss-component-intro "></div> 3326 </div> 3327 <div class="ss-component-column-wrapper ss-two-column" data-testid="columns-column-wrapper"> 3328 <div class="ss-editor-content ss-component-column ss-column-one "> 3329 <p><span style="font-family:Inter;"><span style="line-height:1;"><span style="font-size:96px;"><strong>WE’VE GOT THE ANSWERS.</strong></span></span></span></p> 3330 </div> 3331 <div class="ss-editor-content ss-component-column ss-column-two "> 3332 <p><span style="font-size:26px;">Can’t find what you need? Utilize the search feature at the top of the page to look up key words, or contact us. We’re happy to help!<br /> 3333<br /> 3334<a class="btn btn-info" href="https://parentsquare.com" rel="noopener noreferrer" target="_blank">General Inquiries<span aria-hidden="true" class="ss-button-icon"></span></a> <a class="btn btn-info" data-jsplus-bb="1" href="/directory">District Staff Directory<span aria-hidden="true" class="ss-button-icon"></span></a></span></p> 3335 </div> 3336 </div> 3337 </div> 3338 </div> 3339 <style type="text/css"> 3340 #item2119384 { 3341 color: #ffffff; 3342 background-repeat: no-repeat; 3343 background-position: center center; 3344 background-image:url("https://files.smartsites.parentsquare.com/13419/2hibbp8t5u57biogece.png"); 3345 } 3346 #item2119384::before { 3347 background-color: #da3831; 3348 opacity: 0.0; 3349 } 3350 #item2119384 a:not(.ss-admin-edit) { 3351 color: #ffffff; 3352 } 3353 #item2119384 img, 3354 #item2119384 a:has(img) { 3355 border-radius: 0px; 3356 } 3357 3358 3359 </style>
3359<script> 3360 a11yOptHeading("item2119384", "#da3831"); 3361 </script>
3361 3362 </section> 3363 3364 <section data-comp="post-feed" class="ss-component ss-post-feed stack_news break-out editme ss-has-bg " id="item2119385" data-pageid="stack_newsArticles" data-parentid="110324" data-elemid="2119385" > <link rel="modulepreload" href="/dist/assets/PostFeedComponent-DCBX5Kw7.js" /> 3365<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" /> 3366<link rel="modulepreload" href="/dist/assets/slick-Ddqr_xR3.js" /> 3367<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" /><link rel="stylesheet" href="/dist/assets/slick-o7-aLwkL.css" />
3367<script type="module" src="/dist/assets/PostFeedComponent-DCBX5Kw7.js"></script>
3367 <div id="stack_content_2119385" class=""> 3368 <div class="ss-component-content container background-break-out" data-num-articles="10" data-comp-body="false"> 3369 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"><p><strong><span style="line-height:1;"><span style="font-size:96px;"><span style="font-family:Inter;">FEATURED NEWS</span></span></span></strong><br /> 3370<span style="font-size:26px;">Stay up to date on exciting news, events and more with the <a href="https://www.parentsquare.com/signin" rel="noopener noreferrer" target="_blank">ParentSquare app!</a></span></p> 3371</div> <div class="news-feed-compact news-feed-overflow-arrows "> 3372 <div class="custom_5kQnjP news-feed-compact-container news-feed-grid-container news-feed-container-5kQnjP"> 3373 <article id="article90287486" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3374 <div class="stack-news-grid-article-container"> 3375 <div class="ss-post-feed-img-container ss-constrain-image"> 3376 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_zWIHBUGrROK8sYDOrRru_Screenshot%202026-09-28%20at%2012.54.54%E2%80%AFPM.png');"></div> 3377 <img src="https://pubmedia.parentsquare.com/feeds/full_zWIHBUGrROK8sYDOrRru_Screenshot%202026-09-28%20at%2012.54.54%E2%80%AFPM.png" alt="Allie Socher Named Next Business Manager" loading="lazy"> 3378 </div> 3379 3380 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=90287486">Allie Socher Named Next Business Manager</a></h2> 3381 3382 </div> 3383 </article> <article id="article89437491" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3384 <div class="stack-news-grid-article-container"> 3385 <div class="ss-post-feed-img-container ss-constrain-image"> 3386 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_QL2sq7FSKSpIoaDTi5lb_Screenshot%202026-09-22%20at%2011.35.28%E2%80%AFAM.png');"></div> 3387 <img src="https://pubmedia.parentsquare.com/feeds/full_QL2sq7FSKSpIoaDTi5lb_Screenshot%202026-09-22%20at%2011.35.28%E2%80%AFAM.png" alt="Understanding OSDâs $560,000 Reduction in State Aid" loading="lazy"> 3388 </div> 3389 3390 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=89437491">Understanding OSDâs $560,000 Reduction in State Aid</a></h2> 3391 3392 </div> 3393 </article> <article id="article87485576" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3394 <div class="stack-news-grid-article-container"> 3395 <div class="ss-post-feed-img-container ss-constrain-image"> 3396 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_U5QCrLUhQNWwO51b2orb_Screenshot%202026-09-09%20at%207.30.58%E2%80%AFAM.png');"></div> 3397 <img src="https://pubmedia.parentsquare.com/feeds/full_U5QCrLUhQNWwO51b2orb_Screenshot%202026-09-09%20at%207.30.58%E2%80%AFAM.png" alt="A New Life for the OSD Track" loading="lazy"> 3398 </div> 3399 3400 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=87485576">A New Life for the OSD Track</a></h2> 3401 3402 </div> 3403 </article> <article id="article85987321" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3404 <div class="stack-news-grid-article-container"> 3405 <div class="ss-post-feed-img-container ss-constrain-image"> 3406 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_lTayT99nTHKMfwjSL
34067A2_Screenshot%202026-08-28%20at%2010.46.01%E2%80%AFAM.png');"></div> 3407 <img src="https://pubmedia.parentsquare.com/feeds/full_lTayT99nTHKMfwjSL7A2_Screenshot%202026-08-28%20at%2010.46.01%E2%80%AFAM.png" alt="What Makes Oostburg Special" loading="lazy"> 3408 </div> 3409 3410 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=85987321">What Makes Oostburg Special</a></h2> 3411 3412 </div> 3413 </article> <article id="article85732081" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3414 <div class="stack-news-grid-article-container"> 3415 <div class="ss-post-feed-img-container ss-constrain-image"> 3416 <div class="ss-post-feed-img-bg" style="background-image: url('https://media.parentsquare.com/studio-editor%2Fstudio-post%2F2569532%2F1787860426.jpeg?Expires=1791853023&Signature=WM2HddTJwyhITpASLef6LEE7vtWlUoUYUMpaAbmoRawJ-lP50A3zd6dnKB~tWeB3-MS1WlR2MHtjGeiOjl5GMJgq-cpmlx56sQyo1JzfpbqokqwQ2108TgNSqdbhxEpwsema4jTuvADlo73hne5P4I4~CkyQKfVy5BZmL3snh5~r3pOXuVU-~r74KE7IqotBrDtGkWPLWI2gJgDkVsuYMU7bwvUzlMpgnHa0vQdjAhzKCbvlSZjNKSlSK0SnSX4RpwJGEBUgPTKik-vRCFqBSJ3BZIcF1EdsA0uaOQiShTVjSv4A07TbwtwpJEw6pPV-YXPYbN4xQocCQO-VKkiUsg__&Key-Pair-Id=K32YKENFPCRJ60');"></div> 3417 <img src="https://media.parentsquare.com/studio-editor%2Fstudio-post%2F2569532%2F1787860426.jpeg?Expires=1791853023&Signature=WM2HddTJwyhITpASLef6LEE7vtWlUoUYUMpaAbmoRawJ-lP50A3zd6dnKB~tWeB3-MS1WlR2MHtjGeiOjl5GMJgq-cpmlx56sQyo1JzfpbqokqwQ2108TgNSqdbhxEpwsema4jTuvADlo73hne5P4I4~CkyQKfVy5BZmL3snh5~r3pOXuVU-~r74KE7IqotBrDtGkWPLWI2gJgDkVsuYMU7bwvUzlMpgnHa0vQdjAhzKCbvlSZjNKSlSK0SnSX4RpwJGEBUgPTKik-vRCFqBSJ3BZIcF1EdsA0uaOQiShTVjSv4A07TbwtwpJEw6pPV-YXPYbN4xQocCQO-VKkiUsg__&Key-Pair-Id=K32YKENFPCRJ60" alt="End of Aug 2026" loading="lazy"> 3418 </div> 3419 3420 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=85732081">End of Aug 2026</a></h2> 3421 3422 </div> 3423 </article>
3423 <article id="article85210729" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3424 <div class="stack-news-grid-article-container"> 3425 <div class="ss-post-feed-img-container ss-constrain-image"> 3426 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_RBBp15FWQvOO08KBx3VM_Screenshot%202026-08-21%20at%206.48.44%E2%80%AFPM.png');"></div> 3427 <img src="https://pubmedia.parentsquare.com/feeds/full_RBBp15FWQvOO08KBx3VM_Screenshot%202026-08-21%20at%206.48.44%E2%80%AFPM.png" alt="A Sandbox Inspired by Students" loading="lazy"> 3428 </div> 3429 3430 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=85210729">A Sandbox Inspired by Students</a></h2> 3431 3432 </div> 3433 </article> <article id="article85020396" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3434 <div class="stack-news-grid-article-container"> 3435 <div class="ss-post-feed-img-container ss-constrain-image"> 3436 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_g1evQfBGRqajQ51Mexrd_Screenshot%202026-08-20%20at%203.44.31%E2%80%AFPM.png');"></div> 3437 <img src="https://pubmedia.parentsquare.com/feeds/full_g1evQfBGRqajQ51Mexrd_Screenshot%202026-08-20%20at%203.44.31%E2%80%AFPM.png" alt="8 Days, From Silence to Music" loading="lazy"> 3438 </div> 3439 3440 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=85020396">8 Days, From Silence to Music</a></h2> 3441 3442 </div> 3443 </article> <article id="article84864202" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3444 <div class="stack-news-grid-article-container"> 3445 <div class="ss-post-feed-img-container ss-constrain-image"> 3446 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_kFFwutHwSQuVQBkvjMHg_th19.png');"></div> 3447 <img src="https://pubmedia.parentsquare.com/feeds/full_kFFwutHwSQuVQBkvjMHg_th19.png" alt="A Fresh Start for the OSD Baseball Infield" loading="lazy"> 3448 </div> 3449 3450 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=84864202">A Fresh Start for the OSD Baseball Infield</a></h2> 3451 3452 </div> 3453 </article> <article id="article84121837" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3454 <div class="stack-news-grid-article-container"> 3455 <div class="ss-post-feed-img-container ss-constrain-image"> 3456 <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_avfiFs7T0e2vTKYW22kg_absolutvision-82TpEld0_e4-unsplash%20Small.jpeg');"></div> 3457 <img src="https://pubmedia.parentsquare.com/feeds/full_avfiFs7T0e2vTKYW22kg_absolutvision-82TpEld0_e4-unsplash%20Small.jpeg" alt="Important School Year Information" loading="lazy"> 3458 </div> 3459 3460 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=84121837">Important School Year Information</a></h2> 3461 3462 </div> 3463 </article> <article id="article83849112" class="article-container article-color ss-post-feed-card" role="group" aria-label="article"> 3464 <div class="stack-news-grid-article-container"> 3465 <div class="ss-post-feed-img-container ss-constrain-image"> 3466 <div class="ss-post-feed-img-bg" style="background-image: url('https://posts.parentsquare.com/inline_images_36ba2263f0ba6ee2_1786376744263-unnamed.png');"></div> 3467 <img src="https://posts.parentsquare.com/inline_images_36ba2263f0ba6ee2_1786376744263-unnamed.png" alt="Please Welcome Our New Varsity Softball Coach Courtney Krabbe" loading="lazy"> 3468 </div> 3469 3470 <h2 class="stack-news-grid-title stack-news-text"> <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&psqFeed=true&articleID=83849112">Please Welcome Our New Varsity Softball Coach Courtney Krabbe</a></h2> 3471 3472 </div> 3473 </article> 3474 </div> 3475 <div class="ss-slick-control-wrapper "> 3476 <div class="ss-slick-control-buttons"> 3477 <div class="ss-slick-play-pause-wrapper"> 3478 <button aria-label="Pause Article Carousel" class="ss-slick-pause ss-button"> <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3479 <g clip-path="url(#clip0_15_1083)"> 3480 <rect width="40" height="40" rx="20" fill="black"/> 3481 <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 3482 <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/> 3483 </g> 3484 <defs> 3485 <clipPath id="clip0_15_1083"> 3486 <rect width="40" height="40" fill="white"/> 3487 </clipPath> 3488 </defs> 3489 </svg></button> 3490 <button aria-label="Play Article Carousel" class="ss-slick-play ss-button"> <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3491 <g clip-path="url(#clip0_15_1112)"> 3492 <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" /> 3493 <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/> 3494 </g> 3495 <defs> 3496 <clipPath id="clip0_15_1112"> 3497 <rect width="40" height="40" fill="white"/> 3498 </clipPath> 3499 </defs> 3500 </svg></button> 3501 </div>
3502 <button aria-label="Previous Article" class="slick-prev ss-button"> <div class="nav-svg-container"> 3503 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3504 <circle cx="20" cy="20" r="20" /> 3505 </svg> 3506 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg"> 3507 <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 3508 </svg> 3509 </div></button> 3510 <button aria-label="Next Article" class="slick-next ss-button"> <div class="nav-svg-container"> 3511 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3512 <circle cx="20" cy="20" r="20" /> 3513 </svg> 3514 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg"> 3515 <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 3516 </svg> 3517 </div></button> 3518 <button aria-label="Previous Article" class="slick-prev-mobile-carousel ss-button"> <div class="nav-svg-container"> 3519 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3520 <circle cx="20" cy="20" r="20" /> 3521 </svg> 3522 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg"> 3523 <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 3524 </svg> 3525 </div></button> 3526 <button aria-label="Next Article" class="slick-next-mobile-carousel ss-button"> <div class="nav-svg-container"> 3527 <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"> 3528 <circle cx="20" cy="20" r="20" /> 3529 </svg> 3530 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg"> 3531 <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/> 3532 </svg> 3533 </div></button> 3534 </div> 3535 3536 </div> 3537 3538 </div> 3539 </div> 3540 </div> 3541 <style> 3542 #item2119385::before { 3543 width: 100vw; 3544 left: 50%; 3545 transform: translateX(-50%); 3546 background-color: #000000; 3547 } 3548 #item2119385 .ss-component-header h2 { 3549 color: #ffffff !important; 3550 } 3551 #item2119385 .ss-component-header h2::before, 3552 #item2119385 .ss-component-header h2::after { 3553 border-color: #C6C6C6 !important; 3554 } 3555 #item2119385 .ss-editor-content, 3556 #item2119385 .news-feed-feature-columns .stack-news-grid-date, 3557 #item2119385 .news-feed-feature-columns .news-article-description, 3558 #item2119385 .news-feed-feature-rows .news-article-description { 3559 color: #ffffff !important; 3560 } 3561 #item2119385 .ss-editor-content a:not(.btn):not(.animated-button) { 3562 color: #da3831 !important; 3563 } 3564 #item2119385 .news-feed-feature-columns .stack-news-grid-date { 3565 color: #ffffff; 3566 } 3567 3568 .news-feed-container-5kQnjP { 3569 grid-template-columns: repeat(4, minmax(0, 1fr)); 3570 } 3571 @media only screen and (max-width : 992px) { 3572 .news-feed-container-5kQnjP { 3573 grid-template-columns: repeat(3, minmax(0, 1fr)); 3574 } 3575 } 3576 @media only screen and (max-width: 768px) { 3577 .news-feed-container-5kQnjP { 3578 grid-template-columns: repeat(2, minmax(0, 1fr)); 3579 } 3580 } 3581 @media only screen and (max-width : 480px) { 3582 .news-feed-container-5kQnjP { 3583 grid-template-columns: repeat(1, minmax(0, 1fr)); 3584 } 3585 } 3586 @media (max-width: 767px) { 3587 #stack_content_2119385 .setBreakLine { 3588 clear:both; 3589 } 3590 } 3591 @media (min-width: 768px) and (max-width: 991px) { 3592 #stack_content_2119385 .setBreakLine { 3593 clear:both; 3594 } 3595 } 3596 #stack_content_2119385 .article-color, 3597 #stack_content_2119385 .article-color a { 3598 color: #333333; 3599 } 3600 #stack_content_2119385 .article-color .ss-post-feed-link { 3601 color: inherit; 3602 } 3603 #item2119385 .ss-accent-line .ss-post-feed-img-container { 3604 border-color: #000000; 3605 } 3606 #item2119385 .ss-accent-box .article-container::before { 3607 background-color: #000000; 3608 } 3609 3610 @media (max-width: 768px) { 3611 #item2119385 .ss-accent-box .ss-post-feed-img-container { 3612 border-color: #000000; 3613 } 3614 } 3615 3616 #stack_content_2119385 .carousel-control-container { 3617 display: flex; 3618 flex-direction: row; 3619 justify-content: center; 3620 margin-top: 50px; 3621 margin-bottom: 10px; 3622 } 3623 3624 #stack_content_2119385 .carousel-control-container .fa-solid { 3625 line-height: inherit; 3626 } 3627 3628 #stack_content_2119385 .carousel-control-container i { 3629 font-size: 25px; 3630 color: #DCDCDC; 3631 } 3632 3633 #stack_content_2119385 .carousel-control-container i:hover { 3634 color: black; 3635 } 3636 3637 3638 #stack_content_2119385 .carousel-control-container ol { 3639 list-style: none; 3640 display: flex; 3641 flex-direction: row; 3642 gap: 10px; 3643 align-items: center; 3644 padding: 0; 3645 margin: 0 10px; 3646 } 3647 3648 #stack_content_2119385 .carousel-control-container li { 3649 background-color: #DCDCDC; 3650 width: 10px; 3651 height: 10px; 3652 cursor: pointer; 3653 border: 1px solid #fff; 3654 border-radius: 10px; 3655 } 3656 3657 #stack_content_2119385 .carousel-control-container .active { 3658 background-color: black; 3659 } 3660 3661 #stack_content_2119385 .container .news-feed-container-5kQnjP h2:not(.ss-component-header-title), 3662 #stack_content_2119385 .container .news-feed-container-5kQnjP h3:not(.ss-component-header-title), 3663 #stack_content_2119385 .news-feed-container-5kQnjP h4, 3664 #stack_content_2119385 .news-feed-psq h2, 3665 #stack_content_2119385 .news-feed-psq h3, 3666 #stack_content_2119385 .news-feed-psq h4 { 3667 font-family: Outfit, sans-serif; 3668 font-weight: 700; font-size: 24px; 3669 color: #da3831; 3670 } 3671 </style> 3672 <div class="clearfix"></div> 3673 </section> 3674<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out " id="item2119386"> 3675 <!-- Stack Spotlight Component --> 3676 <div class="clearfix"></div> 3677 <div id="stack_content_2119386" class="stack-item-view-container "> 3678 <div class="ss-component-content container"> 3679 <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div> <div class="spotlight-container spotlight-layout-small spotlight-layout-small-with-body spotlight-layout-photo-left spotlight-hor-text-align-left spotlight-vert-text-align-center spotlight-caption-gradient spotlight-caption-align-center spotlight-caption-responsive spotlight-caption-width-small"> 3680 <div class="spotlight-nav-container"> 3681 <div class="spotlight-nav-options"> 3682 </div> 3683 </div> 3684 <div id="spotlightCarousel_2119386" 3685 class="carousel slide spotlight-carousel-container carousel-fade" 3686 role="region" 3687 aria-label="Spotlight" 3688 data-ride="carousel" 3689 data-interval="6000" 3690 > 3691 <div class="carousel-inner"> 3692 <div class="item active" 3693 data-index="0" 3694 role="group" 3695 aria-roledescription="Slide" 3696 aria-label="Slide 1 of 1: Group of students" 3697 data-ss-slide-announcement="Slide 1 of 1. Group of students"> 3698 <div class="spotlight-slide"> 3699 <div class="spotlight-slide-component"> 3700 <div class="spotlight-image-container spotlight-image-container-0 "> 3701 <img src="https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png" alt='Group of students' /> 3702 </div> 3703 </div> 3704 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3705 <div class="spotlight-text-container"> 3706 3707 3708 </div> 3709 </div> 3710 </div> 3711 </div> </div> 3712 </div>
3713 <div class="normalize-slides"> 3714 <div class="spotlight-slide"> 3715 <div class="spotlight-slide-component"> 3716 <div class="spotlight-image-container spotlight-image-container-0 "> 3717 <img src="https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png" alt='Group of students' /> 3718 </div> 3719 </div> 3720 <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color"> 3721 <div class="spotlight-text-container"> 3722 3723 3724 </div> 3725 </div> 3726 </div> </div> 3727 <div class="spotlight-component-body-panel spotlight-slide-bg-color"> 3728 <div class="spotlight-component-body-content"> 3729 3730 <div class="ss-editor-content spotlight-component-body-text ss-linked-image-hover-zoom"> 3731 <p style="text-align: center;"><strong><span style="font-size:36px;">Events</span></strong><br /> 3732<span style="font-family:Inter;"><span style="font-size:60px;"><span style="line-height:1;"><strong>WHAT'S HAPPENING</strong></span></span></span><br /> 3733<span style="font-size:26px;">Our calendars are your one-stop shop for everything going on in the next few weeks and months!<br /> 3734<br /> 3735<a class="btn btn-info" data-jsplus-bb="1" href="/district-calendar">Academic Calendar<span aria-hidden="true" class="ss-button-icon"></span></a> <a class="btn btn-info" data-jsplus-bb="1" href="/activities-calendar">Activities Calendar<span aria-hidden="true" class="ss-button-icon"></span></a></span></p> 3736 3737 </div> 3738 </div> 3739 </div> </div> 3740 </div> 3741 </div> 3742 <div class="clearfix"></div> 3743 3744 <!-- Stack Spotlight Designer CSS --> 3745 <style> 3746 #item2119386 .spotlight-slide-bg-color { 3747 background-color: #da3831; } 3748 3749 #item2119386 .spotlight-text-container .spotlight-slide-title { 3750 font-family: Outfit, sans-serif; 3751 font-weight: 700; color: #ffffff; } 3752 3753 #item2119386 .spotlight-text-cta-container p { 3754 font-family: "Reddit Sans", sans-serif; color: #ffffff; } 3755 3756 @media only screen and (min-width : 1100px) { 3757 #item2119386 .spotlight-text-container .spotlight-slide-title { 3758 font-size: 36px; } 3759 #item2119386 .spotlight-text-cta-container p { 3760 font-size: 22px; } 3761 } 3762 3763 #item2119386 .spotlight-image-container-0:before { 3764 background-image: url('https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png'); 3765 } 3766 #item2119386 .animated-button svg path { 3767 stroke: #333333; 3768 } 3769 3770 #item2119386 .animated-button { 3771 color: #333333; 3772 background-color: #ffffff; 3773 font-family: "Reddit Sans", sans-serif; 3774 } 3775 #item2119386 .animated-button { 3776 font-size: 16px; 3777 } 3778 3779 #item2119386 .animated-button .animated-button-text { 3780 transform: translateX(4.6666666666667px); 3781 } 3782 3783 #item2119386 .animated-button svg { 3784 height: 11.2px; 3785 } 3786 @media only screen and (max-width : 991px) { 3787 #item2119386 .animated-button { 3788 font-size: 16px; 3789 } 3790 3791 #item2119386 .animated-button .animated-button-text { 3792 transform: translateX(4.6666666666667px); 3793 } 3794 3795 #item2119386 .animated-button svg { 3796 height: 11.2px; 3797 } 3798 } 3799 #item2119386 .spotlight-component-body-panel .ss-component-header { 3800 padding: 0; 3801 max-width: 100%; 3802 } 3803 3804 #item2119386 .spotlight-component-body-panel .ss-component-header-title { 3805 color: #ffffff; } 3806 3807 #item2119386 .spotlight-component-body-panel .ss-component-header-title::before, 3808 #item2119386 .spotlight-component-body-panel .ss-component-header-title::after { 3809 border-color: currentColor; 3810 } 3811 3812 #item2119386 .spotlight-component-body-text { 3813 color: #ffffff; } 3814 3815 #item2119386 .spotlight-component-body-text a, 3816 #item2119386 .spotlight-component-body-text a:visited { 3817 color: #ffffff; } 3818 </style> 3819</section> 3820</div> <style> 3821 .makeTableResponsive table { 3822 width:100% !important; 3823 } 3824 </style> 3825 </div> 3826 </div> <div id="directoryModal" class="directoryModal modal fade" role="dialog"> 3827 <div class="modal-dialog modal-xxl"> 3828 <div class="directoryModalContent modal-content"></div> 3829 </div> 3830 </div> 3831 <div id="ss-components-shared-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true"> 3832 <div class="ss-lightbox-modal-content-wrap"> 3833 <div class="ss-lightbox-modal-content "> 3834 3835 <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button> 3836 <div class="ss-lightbox-modal-content-inner"> 3837 3838 </div> 3839 </div> 3840 </div> 3841 </div> 3842
3842<script> 3843 $(document).ready(() => { 3844 const lightboxModal = $('#ss-components-shared-modal'); 3845 ; 3846 lightboxModal.on('show.bs.modal', function(e) { 3847 $('html').addClass('modal-open'); 3848 }); 3849 lightboxModal.on('hide.bs.modal', function(e) { 3850 $('html').removeClass('modal-open'); 3851 }); 3852 }); 3853 </script>
3853 <div id="ckeditor-contactForm-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true"> 3854 <div class="ss-lightbox-modal-content-wrap"> 3855 <div class="ss-lightbox-modal-content "> 3856 3857 <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button> 3858 <div class="ss-lightbox-modal-content-inner"> 3859 3860 </div> 3861 </div> 3862 </div> 3863 </div> 3864
3864<script> 3865 $(document).ready(() => { 3866 const lightboxModal = $('#ckeditor-contactForm-modal'); 3867 ; 3868 lightboxModal.on('show.bs.modal', function(e) { 3869 $('html').addClass('modal-open'); 3870 }); 3871 lightboxModal.on('hide.bs.modal', function(e) { 3872 $('html').removeClass('modal-open'); 3873 }); 3874 }); 3875 </script>
3875<link rel="modulepreload" href="/dist/assets/staffMessageWidget-CbWF7cnU.js" /> 3876<link rel="modulepreload" href="/dist/assets/client-BM4SMm7c.js" /> 3877<link rel="modulepreload" href="/dist/assets/QueryClientProvider-DKdJarPO.js" /> 3878<link rel="modulepreload" href="/dist/assets/index-CvdBQeSo.js" /> 3879<link rel="modulepreload" href="/dist/assets/index-Dsgd8vKg.js" /> 3880<link rel="modulepreload" href="/dist/assets/index-Cvd99TXz.js" /> 3881<link rel="modulepreload" href="/dist/assets/index-DQ8APFtF.js" /> 3882<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" /> 3883<link rel="modulepreload" href="/dist/assets/useMutation-DGF_4GXS.js" /> 3884<link rel="modulepreload" href="/dist/assets/useThemeColors-DBnXCWOx.js" /><link rel="stylesheet" href="/dist/assets/staffMessageWidget-D-Nia0TG.css" />
3884<script type="module" src="/dist/assets/staffMessageWidget-CbWF7cnU.js"></script>
3884<script type="text/javascript"> 3885window.SS_RECAPTCHA_SITE_KEY = "6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP"; 3886window.SS_STAFF_MESSAGE_PRIMARY_COLOR = "#DA3831"; 3887window.SS_STAFF_MESSAGE_LINK_COLOR = "#DA3831"; 3888window.SS_STAFF_MESSAGE_EMAIL_VERIFICATION_REQUIRED = true; 3889</script>
3889 3890 </main><div class="clear"></div>
3890<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.easing.min.js" 3891 integrity="sha384-BGrD3OMInJgjhGMyo8n7zkA2aX/F/D9fgsHRul+tNuEmTetjjVvCYScH+vzDxXS/" 3892 crossorigin="anonymous" 3893></script>
vendor: 1 bytes, line 3893
3893
3894<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.touchSwipe.min.js" 3895 integrity="sha384-7cTUdoLHcGTkEhDkUdvPmzGtbhnP2KvCw0CKODNfSXUdFLtdX/bHC9ydtgUrQOPx" 3896 crossorigin="anonymous" 3897></script>
vendor: 1 bytes, line 3897
3897
3898<script type="text/javascript" src="/includes/js/jquery.liquid-slider.min.js"></script>
3898 3899 3900<!--end lesson plans--> 3901 3902<footer class="psq_admin_footer clearfix container footer-container-wide ss-has-footer-logo" id="footer_seven" style="background-image: url(https://files.smartsites.parentsquare.com/13419/footer_logo_img_ua3292o5vha17pncngo.png);"> 3903<div class="school-footer-row school-footer-top-row"> 3904 <div class="school-footer-col school-footer-wide-col"> 3905 <div class="school-footer-seven-general-info"> 3906 <p class="school-footer-seven-name">Oostburg School District</p> 3907 <div class="school-footer-seven-address-info"> 3908 <span class="school-footer-seven-contact-label" aria-hidden="true">Address:</span> <a class="school-footer-seven-contact-link" aria-label="Address 410 New York Ave, Oostburg, WI 53070" href="https://www.google.com/maps/place/410+New+York+Ave+Oostburg+WI+53070" target="_blank" rel="noopener noreferrer"> 3909 <span class="school-footer-seven-address-street-info"> <span>410 New York Ave</span></span><span>Oostburg, WI 53070</span> 3910 </a> 3911 </div> 3912 <div class="school-footer-seven-contact-info"> 3913 <span class="school-footer-seven-contact-pair"><span><span class="school-footer-seven-contact-label" aria-hidden="true">Phone:</span> <a class="school-footer-seven-contact-link" aria-label="Phone +1 920-564-2346" href="tel:19205642346">+1 920-564-2346</a></span></span> 3914 </div> 3915 <ul class="school-footer-seven-social-info ss-social-solid"> 3916 <li> 3917 <a href="https://www.facebook.com/profile.php?id=61588500352638" target="_blank" rel="noopener noreferrer"> 3918 <i class="fa-brands fa-facebook-f" role="img" aria-label="facebook"></i> 3919 </a> 3920 </li> <li> 3921 <a href="https://www.instagram.com/oostburgschools" target="_blank" rel="noopener noreferrer"> 3922 <i class="fa-brands fa-instagram" role="img" aria-label="instagram"></i> 3923 </a> 3924 </li> <li> 3925 <a href="https://youtube.com/oostburgschools" target="_blank" rel="noopener noreferrer"> 3926 <i class="fa-brands fa-youtube" role="img" aria-label="youtube"></i> 3927 </a> 3928 </li> <li> 3929 <a href="https://podcast.oostburg.k12.wi.us/" target="_blank" rel="noopener noreferrer"> 3930 <i class="fa-solid fa-podcast" role="img" aria-label="Podcast"></i> 3931 </a> 3932 </li> 3933 </ul> 3934 </div> 3935 </div> 3936 <div class="school-footer-col"> 3937 <div class="school-footer-seven-important-links"> 3938 3939 <nav class="school-footer-seven-site-links" aria-label="Utility Links"> 3940 <ul> 3941 3942 <li><a class="site-link" href="/site_map">Site Map</a></li> 3943 <li><a class="site-link" href="/accessibility">Accessibility</a></li> 3944 <li><a class="site-link" href="/index.php?pageID=login">Sign In</a></li> 3945 3946 </ul> 3947 </nav> 3948 </div> 3949 </div> 3950</div> 3951<div class="school-footer-row school-footer-bottom-row"> 3952 <div class="school-footer-other"> 3953 <div class="school-footer-copyright-name"> 3954 Contents © 2026 Oostburg School District 3955 </div> 3956 <div class="school-footer-disclaimer-text"> 3957 Notice of Non-Discrimination: 3958 3959No person may be denied admission to any public school in the district or be denied participation in, be denied the benefits of, or be discriminated against in any curricular, co-curricular, student services, recreational or other program or activity because of the personâs sex, race, color, national origin, ancestry, creed, religion, pregnancy, marital or parental status, sexual orientation, handicap or physical, mental, emotional or learning disability in the educational programs or activities operated by the School District of Oostburg. 3960 </div> 3961 <ul class="school-footer-parentsquare-links ss-light-color"> 3962 <li> 3963 <a class="smart-sites-link" target="_blank" rel="noopener noreferrer" href="https://www.parentsquare.com" aria-label="ParentSquare" id="smart-sites-link"> 3964 <svg width="129" height="20" viewBox="0 0 129 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="smart-sites-link"> 3965 <path d="M25.9909 4.35146H30.8791C31.7097 4.35146 32.4561 4.51348 33.0992 4.85295C33.7423 5.19242 34.2361 5.64761 34.6035 6.24939C34.9557 6.85117 35.128 7.51468 35.
3965128 8.25147C35.128 8.98827 34.9519 9.66334 34.6035 10.2381C34.2514 10.8283 33.7576 11.2835 33.1145 11.6076C32.4714 11.9316 31.7288 12.0936 30.8676 12.0936H28.3412V16.0052H25.9756V4.34375L25.9909 4.35918V4.35146ZM31.8284 9.76364C32.104 9.61705 32.3107 9.40874 32.4714 9.14643C32.6169 8.88026 32.6896 8.57165 32.6896 8.24761C32.6896 7.92358 32.6169 7.59954 32.4714 7.33723C32.326 7.07491 32.1078 6.8666 31.8284 6.72002C31.5489 6.57343 31.2427 6.50013 30.8791 6.50013H28.3527V10.0144H30.8791C31.2312 10.0144 31.5489 9.94109 31.8284 9.7945V9.76364Z" fill="#FFFFFF"/> 3966 <path d="M42.0301 8.10106C41.3602 7.52628 40.4836 7.24854 39.4042 7.24854C38.3247 7.24854 38.0759 7.36812 37.5209 7.60343C36.9659 7.83874 36.5295 8.14735 36.1926 8.56011C35.8558 8.95744 35.6529 9.41263 35.5802 9.91412L37.8003 10.4156C37.8731 10.0028 38.0644 9.67881 38.3401 9.45893C38.6157 9.23904 38.9831 9.11946 39.4195 9.11946C39.8559 9.11946 40.1621 9.20818 40.4262 9.3972C40.6904 9.59008 40.8205 9.83697 40.8205 10.1456C40.8205 10.4542 40.7631 10.5275 40.6291 10.6316C40.499 10.7358 40.3076 10.8091 40.032 10.8245L38.6463 10.9557C37.7123 11.0444 36.9238 11.3106 36.296 11.7349C35.6682 12.1631 35.3467 12.8227 35.3467 13.7215C35.3467 14.6204 35.4653 14.6628 35.7103 15.0293C35.9591 15.3957 36.2807 15.6928 36.7017 15.8818C37.1266 16.0862 37.5936 16.175 38.118 16.175C38.6425 16.175 39.3008 16.0438 39.7946 15.7776C40.2042 15.5577 40.5372 15.2916 40.8167 14.9521V15.9975H43.0483V10.5699C43.0483 9.48207 42.7115 8.65655 42.0416 8.08563L42.0263 8.10106H42.0301ZM40.5143 13.3821C40.3114 13.6907 40.0473 13.9414 39.7257 14.1189C39.3889 14.3118 39.0406 14.3966 38.6731 14.3966C38.3056 14.3966 38.0606 14.3233 37.8692 14.1613C37.6778 13.9993 37.5783 13.7948 37.5783 13.5287C37.5783 13.2625 37.6664 13.0889 37.8539 12.9269C38.03 12.7649 38.2903 12.6607 38.6271 12.6183L40.0702 12.4563C40.3612 12.4254 40.5679 12.383 40.7133 12.3251C40.7554 12.3097 40.8014 12.2827 40.832 12.2518V12.4293C40.832 12.7687 40.7286 13.0773 40.5411 13.3859H40.5104L40.5143 13.3821Z" fill="#FFFFFF"/> 3967 <path d="M48.3957 7.3371C47.9287 7.45669 47.5191 7.66114 47.1402 7.98517C46.9488 8.14719 46.7765 8.34007 46.631 8.52909V7.41039H44.3994V16.0128H46.631V11.2024C46.631 10.7163 46.7765 10.3036 47.0559 9.96797C47.3315 9.6285 47.7258 9.42405 48.2081 9.33532C48.7057 9.2466 49.2302 9.30446 49.812 9.49734V7.37953C49.3297 7.23295 48.8474 7.21752 48.3957 7.3371Z" fill="#FFFFFF"/> 3968 <path d="M58.4778 9.89483C58.1257 9.08474 57.586 8.4521 56.874 7.9699C56.1429 7.49928 55.3122 7.24854 54.3782 7.24854C53.4442 7.24854 52.7744 7.44141 52.1007 7.83874C51.4155 8.23607 50.8757 8.76456 50.4968 9.45507C50.1025 10.1301 49.9111 10.8978 49.9111 11.704C49.9111 12.5103 50.114 13.2934 50.5083 13.9839C50.9179 14.6589 51.4576 15.2029 52.1581 15.5886C52.8586 15.9705 53.6165 16.1788 54.4777 16.1788C55.339 16.1788 56.1697 15.9744 56.8548 15.5616C57.54 15.1488 58.0951 14.5895 58.4893 13.8836L56.652 13.0465C56.4491 13.4284 56.1543 13.7215 55.7907 13.9453C55.4271 14.169 55.0022 14.2693 54.5352 14.2693C54.0682 14.2693 53.6318 14.1497 53.2643 13.9299C52.8854 13.71 52.5944 13.4014 52.4031 13.0195C52.315 12.8574 52.2576 12.6954 52.2002 12.518H58.7841C58.9448 11.5767 58.8415 10.6933 58.4932 9.89869H58.4778V9.89483ZM53.1954 9.51293C53.5476 9.29305 53.938 9.1889 54.3629 9.1889C54.7878 9.1889 55.1821 9.29305 55.5151 9.48207C55.8519 9.68652 56.1122 9.95269 56.3189 10.3192C56.407 10.4658 56.4644 10.6278 56.5218 10.8052H52.2155C52.2576 10.6741 52.3035 10.5545 52.3763 10.4387C52.5791 10.0414 52.8433 9.73281 53.2069 9.52836L53.1916 9.51293H53.1954Z" fill="#FFFFFF"/> 3969 <path d="M68.0248 8.98415C67.7339 8.44023 67.3397 8.02747 66.8152 7.71887C66.2908 7.41026 65.6899 7.26367 65.02 7.26367C64.3501 7.26367 63.7491 7.42569 63.2247 7.76516C62.8879 7.98504 62.597 8.23578 62.3635 8.54439V7.44112H60.1318V16.0435H62.3635V11.2331C62.3635 10.8666 62.4515 10.5426 62.6276 10.2494C62.8037 9.95626 63.0372 9.73638 63.3281 9.57436C63.619 9.41234 63.9405 9.33905 64.3042 9.33905C64.6678 9.33905 65.0353 9.42777 65.3262 9.57436C65.6171 9.73638 65.8353 9.95626 65.9961 10.2494C66.1569 10.5426 66.2296 10.8666 66.2296 11.2331V16.0435H68.4612V10.8242C68.4612 10.1491 68.3158 9.5435 68.0363 8.99958L68.021 8.98415H68.0248Z" fill="#FFFFFF"/> 3970 <path d="M68.8974 7.42578H70.6199V5.61658L72.8515 4.91064V7.41035H75.0717V9.397H72.8515V12.811C72.8515 13.2391 72.9549 13.5478 73.1425 13.7368C73.3339 13.9297 73.6401 14.0299 74.0611 14.0299H75.0679V16.0166H74.0611C72.8937 16.0166 72.0324 15.7389 71.462 15.1911C70.8917 14.6472 70.6161 13.8101 70.6161 12.6914V9.41243H68.8936V7.42578H68.8974Z" fill="#FFFFFF"/> 3971 <path d="M79.2591 13.6907C79.6228 13.9838 80.1357 14.1304 80.7788 14.1304C81.4218 14.1304 81.4946 14.0726 81.785
39715 13.953C82.0764 13.8334 82.2946 13.6752 82.4554 13.4669C82.6161 13.2625 82.6889 13.0272 82.6889 12.7764C82.6889 12.5257 82.5855 12.2325 82.3826 12.0396C82.1798 11.8467 81.9156 11.7001 81.6094 11.5844C81.3032 11.4648 80.8668 11.3337 80.3232 11.1871C79.5194 10.9826 78.8495 10.7589 78.3251 10.539C77.8007 10.3191 77.349 9.97967 76.9815 9.50905C76.6026 9.03842 76.4112 8.42121 76.4112 7.62655C76.4112 6.83189 76.6026 6.39213 76.9815 5.85978C77.3605 5.3313 77.8734 4.91854 78.5127 4.62536C79.1711 4.33218 79.883 4.17017 80.6563 4.17017C81.4295 4.17017 82.1606 4.30132 82.7884 4.58293C83.4161 4.86067 83.9252 5.24643 84.308 5.72863C84.687 6.21468 84.9205 6.77403 85.0085 7.40667L82.6314 7.89272C82.5434 7.37967 82.3252 6.96691 81.9616 6.67373C81.5979 6.36513 81.1424 6.21854 80.5759 6.21854C80.0094 6.21854 79.9328 6.2764 79.6725 6.38056C79.4084 6.50014 79.2055 6.64673 79.0754 6.83575C78.9299 7.02863 78.8572 7.24851 78.8572 7.48382C78.8572 7.71913 78.9605 7.98531 79.1481 8.1589C79.3395 8.33635 79.5845 8.48293 79.8792 8.58709C80.1701 8.69124 80.595 8.8224 81.1194 8.95356C81.9501 9.15801 82.6238 9.38175 83.1482 9.61706C83.6726 9.83694 84.1396 10.2073 84.5186 10.6895C84.8975 11.1755 85.1042 11.8352 85.1042 12.6761C85.1042 13.5171 84.9128 13.926 84.5186 14.4545C84.1396 14.9829 83.5999 15.3957 82.9262 15.7043C82.2563 16.0129 81.5099 16.1595 80.6792 16.1595C79.439 16.1595 78.4017 15.8663 77.5863 15.2761C76.7672 14.6859 76.2887 13.8951 76.1279 12.9076L78.505 12.4215C78.6237 12.95 78.8572 13.3628 79.2208 13.6559L79.2629 13.6868L79.2591 13.6907Z" fill="#FFFFFF"/> 3972 <path d="M92.8624 7.42598V8.44053C92.6595 8.20521 92.426 8.01234 92.1619 7.83874C91.5762 7.45684 90.9064 7.24854 90.1485 7.24854C89.3905 7.24854 88.69 7.44141 88.0623 7.83874C87.4345 8.23607 86.9369 8.76456 86.5886 9.45507C86.2249 10.1301 86.0488 10.8978 86.0488 11.704C86.0488 12.5103 86.2249 13.2934 86.5886 13.9839C86.9522 14.6589 87.4345 15.2029 88.0623 15.5886C88.69 15.9705 89.3905 16.1788 90.1485 16.1788C90.9064 16.1788 91.5801 15.9859 92.1619 15.5886C92.426 15.4112 92.6442 15.2221 92.8624 14.9868V19.342H95.094V7.41441H92.8624V7.42984V7.42598ZM92.5715 12.9423C92.3686 13.3088 92.1045 13.6058 91.7523 13.8103C91.4155 14.0147 91.0365 14.1343 90.6155 14.1343C90.1944 14.1343 89.7963 14.0302 89.4633 13.8103C89.1264 13.6058 88.8661 13.3088 88.6594 12.9423C88.4565 12.5758 88.3685 12.1631 88.3685 11.7233C88.3685 11.2836 88.4719 10.8708 88.6594 10.5043C88.8623 10.1379 89.1264 9.84082 89.4786 9.63637C89.8154 9.43192 90.1944 9.31234 90.6155 9.31234C91.0365 9.31234 91.4346 9.41649 91.7676 9.63637C92.1045 9.84082 92.3648 10.1379 92.5715 10.5043C92.7782 10.8708 92.8624 11.2836 92.8624 11.7233C92.8624 12.1631 92.759 12.5758 92.5715 12.9423Z" fill="#FFFFFF"/> 3973 <path d="M98.6857 7.42578V12.3982C98.6857 12.7377 98.7584 13.0463 98.9038 13.3086C99.0493 13.5709 99.2675 13.7792 99.5316 13.9258C99.7957 14.0724 100.102 14.1457 100.45 14.1457C100.799 14.1457 101.093 14.0724 101.369 13.9258C101.633 13.7792 101.851 13.5709 101.997 13.3086C102.142 13.0463 102.215 12.7338 102.215 12.3982V7.42578H104.447V12.3982C104.447 13.1466 104.27 13.7946 103.937 14.3694C103.601 14.9442 103.118 15.384 102.521 15.708C101.909 16.032 101.224 16.194 100.45 16.194C99.6771 16.194 98.9919 16.032 98.3909 15.7234C97.7938 15.3994 97.3115 14.9596 96.9746 14.3848C96.6224 13.8101 96.4502 13.1504 96.4502 12.3982V7.42578H98.6818H98.6857Z" fill="#FFFFFF"/> 3974 <path d="M112.187 8.10106C111.517 7.52628 110.641 7.24854 109.561 7.24854C108.482 7.24854 108.233 7.36812 107.678 7.60343C107.123 7.83874 106.687 8.14735 106.35 8.56011C106.013 8.95744 105.81 9.41263 105.737 9.91412L107.958 10.4156C108.03 10.0028 108.222 9.67881 108.497 9.45893C108.773 9.23904 109.14 9.11946 109.577 9.11946C110.013 9.11946 110.319 9.20818 110.583 9.3972C110.848 9.58623 110.978 9.83697 110.978 10.1456C110.978 10.4542 110.92 10.5275 110.786 10.6316C110.656 10.7358 110.465 10.8091 110.189 10.8245L108.804 10.9557C107.87 11.0444 107.081 11.3106 106.453 11.7349C105.825 12.1631 105.504 12.8227 105.504 13.7215C105.504 14.6204 105.623 14.6628 105.868 15.0293C106.113 15.3957 106.438 15.6928 106.859 15.8818C107.284 16.0862 107.751 16.175 108.275 16.175C108.8 16.175 109.458 16.0438 109.952 15.7776C110.361 15.5577 110.694 15.2916 110.974 14.9521V15.9975H113.206V10.5699C113.206 9.48207 112.869 8.65655 112.199 8.08563L112.183 8.10106H112.187ZM110.656 13.3821C110.453 13.6907 110.189 13.9414 109.868 14.1189C109.531 14.3118 109.182 14.3966 108.815 14.3966C108.448 14.3966 108.203 14.3233 108.011 14.1613C107.82 13.9993 107.72 13.7948 107.72 13.5287C107.72 13.2625 107.808 13.0889 107.996 12.9269C108.172 12.7649 108.432 12.6607 108.769 12.6183L110.212 12.4563C110.503 12.4254 110.71 12.383 110.855 12.3251C110.897 12.3097 110.943 12.2827 110.974 12.2518V12.4293C110.974 12.7687 110.871 13.0773 110.683 13.3859H110.652L110.656 13.3821Z" fill="#FFFFFF"/> 3975 <path d="M118.549 7.3371C118.082 7.45669 117.672 7.66114 117.293 7.98517C117.102 8.14719 116.93 8.34007 116.784 8.52909V7.41039H114.553V16.0128H116.784V11.2024C116.784 10.7163 116.93 10.3036 117.209 9.96797C117.485 9.6285 117.879 9.42405 118.361 9.33532C118.859 9.2466 119.383 9.30446 119.965 9.49734V7.37953C119.483 7.23295 119.001 7.21752 118.549 7.3371Z" fill="#FFFFFF"/> 3976 <path d="M128.619 9.89483C128.267 9.08474 127.728 8.4521 127.016 7.9699
3976C126.284 7.49928 125.454 7.24854 124.52 7.24854C123.586 7.24854 122.916 7.44141 122.242 7.83874C121.557 8.23607 121.017 8.76456 120.638 9.45507C120.244 10.1301 120.053 10.8978 120.053 11.704C120.053 12.5103 120.256 13.2934 120.65 13.9839C121.059 14.6589 121.599 15.2029 122.3 15.5886C123 15.9705 123.758 16.1788 124.619 16.1788C125.481 16.1788 126.311 15.9744 126.996 15.5616C127.682 15.1488 128.237 14.5895 128.631 13.8836L126.794 13.0465C126.591 13.4284 126.296 13.7215 125.932 13.9453C125.569 14.169 125.144 14.2693 124.677 14.2693C124.21 14.2693 123.773 14.1497 123.406 13.9299C123.027 13.71 122.736 13.4014 122.545 13.0195C122.457 12.8574 122.399 12.6954 122.342 12.518H128.926C129.086 11.5767 128.983 10.6933 128.635 9.89869H128.619V9.89483ZM123.337 9.51293C123.689 9.29305 124.08 9.1889 124.505 9.1889C124.929 9.1889 125.324 9.29305 125.657 9.48207C125.994 9.68652 126.254 9.95269 126.461 10.3192C126.549 10.4658 126.606 10.6278 126.663 10.8052H122.357C122.399 10.6741 122.445 10.5545 122.518 10.4387C122.721 10.0414 122.985 9.73281 123.349 9.52836L123.333 9.51293H123.337Z" fill="#FFFFFF"/> 3977 <path d="M8.80021 1.08784C8.80021 0.705936 8.80021 0.351039 8.7849 0C2.12828 0.192879 0.176081 2.16024 0 8.86856C0.33685 8.86856 0.700496 8.88399 1.06414 8.88399C1.86799 8.88399 2.5838 8.85313 3.23836 8.79527C6.97433 8.4558 8.39064 7.04393 8.71217 3.26351C8.76959 2.61543 8.80021 1.8825 8.80021 1.08784Z" fill="#FFFFFF"/> 3978 <path d="M11.0166 1.08784C11.0166 0.705936 11.0166 0.351039 11.0319 0C17.6885 0.192879 19.6407 2.16024 19.8168 8.86856C19.48 8.86856 19.1163 8.88399 18.7527 8.88399C17.9488 8.88399 17.233 8.85313 16.5785 8.79527C12.8425 8.4558 11.4262 7.04393 11.1046 3.26351C11.0472 2.61543 11.0166 1.8825 11.0166 1.08784Z" fill="#FFFFFF"/> 3979 <path d="M11.0166 18.8828C11.0166 19.2647 11.0166 19.6196 11.0319 19.9707C17.6885 19.7778 19.6407 17.8104 19.8168 11.1021C19.48 11.1021 19.1163 11.0867 18.7527 11.0867C17.9488 11.0867 17.233 11.1175 16.5785 11.1754C12.8425 11.5149 11.4262 12.9267 11.1046 16.7072C11.0472 17.3552 11.0166 18.0882 11.0166 18.8828Z" fill="#FFFFFF"/> 3980 <path d="M8.80021 18.8828C8.80021 19.2647 8.80021 19.6196 8.7849 19.9707C2.12828 19.7778 0.176081 17.8104 0 11.1021C0.33685 11.1021 0.700496 11.0867 1.06414 11.0867C1.86799 11.0867 2.5838 11.1175 3.23836 11.1754C6.97433 11.5149 8.39064 12.9267 8.71217 16.7072C8.76959 17.3552 8.80021 18.0882 8.80021 18.8828Z" fill="#FFFFFF"/> 3981 </svg> 3982 </a> 3983 </li> 3984 3985 </ul> 3986 </div> 3987</div> <style> 3988 .school-footer-seven-general-info .school-footer-seven-name { 3989 font-family: Outfit, sans-serif; 3990 font-weight: 700; 3991 font-size: 22px; 3992 color: white !important; 3993 margin: 0; 3994 } 3995 #footer_seven.psq_admin_footer .school-footer-seven-address-info, 3996 #footer_seven.psq_admin_footer .school-footer-seven-contact-info, 3997 #footer_seven.psq_admin_footer .school-footer-seven-contact-label, 3998 #footer_seven.psq_admin_footer .school-footer-copyright-name, 3999 #footer_seven.psq_admin_footer .school-footer-disclaimer-text, 4000 #footer_seven.psq_admin_footer div.goog-te-gadget, 4001 #footer_seven #google_translate_element a { 4002 font-family: "Reddit Sans", sans-serif; 4003 color: white !important; 4004 } 4005 4006 #footer_seven { 4007 --footer-seven-separator-color: white; 4008 } 4009 4010 #footer_seven.psq_admin_footer .school-footer-seven-address-info, 4011 #footer_seven.psq_admin_footer .school-footer-seven-contact-info, 4012 #footer_seven.psq_admin_footer .school-footer-seven-contact-label { 4013 font-size: 18px; 4014 font-weight: normal !important; 4015 } 4016 4017 #footer_seven.psq_admin_footer .school-footer-copyright-name, 4018 #footer_seven.psq_admin_footer .school-footer-disclaimer-text { 4019 font-size: 13px; 4020 } 4021 4022 html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link, 4023 html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a, 4024 html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link { 4025 font-family: Outfit, sans-serif; 4026 font-weight: 700; 4027 font-size: 18px; 4028 color: #ffffff !important; 4029 font-weight: 700 !important; 4030 } 4031 html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link, 4032 html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a, 4033 html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link { 4034 text-decoration: none !important; 4035 } 4036 html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:hover, 4037 html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:focus, 4038 html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:focus-visible, 4039 html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:hover, 4040 html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:focus, 4041 html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:focus-visible, 4042 html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:hover, 4043 html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:focus, 4044 html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:focus-visible { 4045 text-decoration: underline !important; 4046 } 4047 #footer_seven.psq_admin_footer,
4048 #footer_seven.psq_admin_footer::before { 4049 background-color: #000000 !important; 4050 } 4051 .school-footer-seven-social-info i { 4052 color: black; 4053 } 4054 .school-footer-seven-social-info a::before { 4055 border-color: #FFFFFF; 4056 } 4057 .school-footer-seven-social-info.ss-social-solid a { 4058 background-color: #DA3831; 4059 } 4060 .school-footer-seven-social-info.ss-social-full i { 4061 color: #DA3831; 4062 } 4063 .school-footer-bottom-row { 4064 border-color: rgba(255, 255, 255, .2); 4065 } 4066 </style></footer> 4067<style> 4068 a#top { 4069 display: none; 4070 width: 7px; 4071 height: 17px; 4072 padding: 5px; 4073 position: fixed; 4074 bottom: 100px; 4075 right: 61px; 4076 z-index: 10; 4077 color: #fff; 4078 background: transparent; 4079 font-size: 14px; 4080 font-weight: 300; 4081 } 4082 .na_widget_link { 4083 cursor: pointer; 4084 } 4085 .dropdown-toggle.mainlink_a.has-submenu:focus { 4086 outline: thin dotted #333333; 4087 outline: 5px auto -webkit-focus-ring-color; 4088 outline-offset: -2px; 4089 } 4090 4091 /* neeed to prevent scroll to the right when scrollbars are visible */ 4092 .dropdown-menu .inner.open { 4093 overflow-y: overlay !important; 4094 } 4095</style>
4096<script> 4097$(document).ready(function(){ 4098 var toper = $('a#top'); 4099 4100 4101 $(window).scroll(function(){ 4102 if ($(this).scrollTop() > 100) { 4103 toper.fadeIn( 200 ); 4104 } else { 4105 toper.fadeOut( 200 ); 4106 } 4107 }); 4108 4109 toper.click(function(){ 4110 $('html, body').animate({scrollTop:0}, 500); 4111 return false; 4112 }); 4113 $('.na_widget_link').click(function(){ 4114 var URL_location = $(this).data("link"); 4115 if (URL_location != '') { 4116 window.location = URL_location; 4117 } 4118 }); 4119}); 4120 4121 function hideMe(id) { 4122 var box = document.getElementById(id); 4123 box.style.display = "none"; 4124 } 4125 4126 $(window).on('load', function() { 4127 bodyHeight = $("body").outerHeight(); 4128 windowHeight = window.innerHeight; 4129 var url = window.location.pathname; 4130 var filename = url.substring(url.lastIndexOf('/')+1); 4131 if (bodyHeight < windowHeight && filename !== 'search') { 4132 var footer = document.getElementById("footer"); 4133 if (!footer) { 4134 return; 4135 } 4136 footer.style.position = "inherit"; footer.style.left = "0px"; 4137 footer.style.top = windowHeight - footer.offsetHeight + "px"; // footer.style.top = windowHeight - footer.offsetHeight + "px"; 4138 footer.style.width = '100%'; 4139 } 4140 }); 4141 4142</script>
vendor: 1 bytes, line 4142
4142
4143<script> 4144$(document).ready(function(){ 4145 $(".prev").append('<span style="display:none;">Prev</span>'); 4146 $(".next").append('<span style="display:none;">Next</span>'); 4147}); 4148</script>
4148 4149 </div> 4150 </body> 4151</html> 4152
4153<script> 4154function IsJsonString(str) { 4155 try { 4156 JSON.parse(str); 4157 } catch (e) { 4158 return false; 4159 } 4160 return true; 4161} 4162 4163function submit_recap(id_attr, form_id) { 4164 grecaptcha.execute("6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP", {action: "homepage"}).then(function(token) { 4165 $("#"+id_attr).val(token); 4166 if (token != "") { 4167 $("#"+form_id).submit(); 4168 } 4169 }); 4170} 4171</script>
vendor: 1 bytes, line 4171
4171
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.