Hudson ISD: Hudson Middle School - Home

District	Campus
	CAMPUS

Parent Square News Feed

October 6th Grade Stars of the month

October 6th Grade Stars of the month

Posted Date: 11/05/2024

Congratulations to the following 6th graders for being the STAR students for the month of October! Pictured left to right: Cash Morgan - ELAR; Mikah Martinez - Electives; Kenny Williams - Science; A . . .

Full Article Source

HMS October Students of the Month

HMS October Students of the Month

Posted Date: 11/04/2024

Congratulations to the following students for being named as the October students of the month. In 6th grade: Adrianna Luna and Jay Thompson. In 7th grade Damian Martinez and Kennedy McDaniel. And in . . .

Full Article Source

First Nine Weeks 7th Grade Spotlight Students

First Nine Weeks 7th Grade Spotlight Students

Posted Date: 11/04/2024

Congratulations to the following 7th graders who were selected as the spotlight students for the first nine weeks: Raegyn King - Athlete; Aubree Holland - Author; Leighton Lofton - Mathematician; Nat . . .

Full Article Source

HMS Leadership Academy - October Events

HMS Leadership Academy - October Events

Posted Date: 10/23/2024

On Tuesday, October 22 the LA had a lesson with Majal Minguez about Brain Gym. This strategy helps to relieve stress, improve focus, and optimize work. They also visited Fitt Life (owned by Casey Ad . . .

Full Article Source

Quick Links

Quick Links

School Supply Lists

A/B Calendar 2024-2025

Social Media Policy

Common Sense Media

Weather BUG (HMS)

JAC Sign-in Sheet

Follow Us

Campus News

Attention HMS Posted Date: 11/28/2023

. . .

<div style="height:2px; width:50%; background-color:#ffffff;margin:20px;margin-left:0px;"></div> <div id="playlist_447687"></div> </div> </div> <div type="hidden" id="youtube" name="youtube" value=""> </div> <script type="text/javascript"> /* $(document).ready(function(){ $("iframe").on("load", function(){ $(this).contents().on("mousedown, mouseup, click", function(){ alert("Click detected inside iframe."); }); }); }); / </script> <script type="text/javascript"> $(document).ready(function () { $("#playlist_447687").youtube_video({ playlist: "https://youtu.be/mDJG3scb0U0?si=8U_U0TKrvgQPEeVL", channel: false, user: false, videos: false, max_results: 8 , shuffle: false, pagination: true, continuous: true, first_video: 0, show_playlist: "auto", playlist_type: "horizontal", show_channel_in_playlist: true, show_channel_in_title: true, width: false, show_annotations: false, now_playing_text: "Now Playing", load_more_text: "Watch on Youtube", autoplay: false, force_hd: false, hide_youtube_logo: false, play_control: false, time_indicator: false, volume_control: false, share_control: true, fwd_bck_control: true, youtube_link_control: true, fullscreen_control: true, playlist_toggle_control: true, volume: 0, show_controls_on_load: true, show_controls_on_pause: true, show_controls_on_play: false, related: false, require_cookie_accept: true, require_cookie_accept_message: "Click here to accept youtube cookies to play this video. By accepting you will be accessing a service provided by a third party external to this website.", player_vars: { cc_load_policy: 1, cc_lang_pref: "en" }, colors: {}, on_load: function () { }, on_done_loading: function () { }, on_state_change: function () { }, on_seek: function () { }, on_volume: function () { }, on_time_update: function () { }, }); $(".yesp-icon-cc").click(function(){ //alert($(this).parent().parent().closest(".yesp-youtube").text()) $(".ytp-subtitles-button.ytp-button").click() }); //needed to toggle stack visibility. This is one of the cases when the class has to be added //after the file loads to keep the plugin from breaking. $("#stack_content_447687").addClass(""); }); </script> </div> </div> </div> <div class="clearfix"></div> </div> <style> #item447687 .custom_447687 { background-color:#ffffff !important; color:#000; } #item447687 .break-out{ width: 100vw !important; position: relative !important; left: calc(-1 (100vw - 100%) / 2) !important; margin-top:20px; margin-bottom:20px; } #item447687 .tubeTitleName { font-size: 12px !important; font-family: arial, sans-serif; color: #ffffff !important; } #item447687 #playlist_447687.yesp .yesp-controls { background: rgba(51, 51, 51, 0.6) !important; } #item447687 #playlist_447687.yesp .yesp-controls a { color: rgba(255, 255, 255, 0.6) !important; } #item447687 #playlist_447687.yesp .yesp-title-wrapper { font-family: Questrial, sans-serif; font-size: 14px !important; background-color:rgba(46, 49, 49, 1) !important; padding-bottom:15px; } #item447687 #playlist_447687.yesp .yesp-subtitle { font-size: 14px !important; font-family: Questrial, sans-serif; } /when not acting like a design stack/ #item447687 #playlist_447687.yesp .yesp-controls { font-family: 'Open Sans', sans-serif; width: 50px; height: 100%; position: absolute; z-index: 999; top:0%; margin-bottom:550px; } #item447687 #playlist_447687.yesp .yesp-title { margin-left:50px !important; } </style> <div class="clearfix"></div><div id="item184797" style="min-height:650px"> <div class="clearfix"></div> </div> <script> let content = {"ID":"228","siteID":"481","tier_parentID":"184797","eventsNumVisible":"12","display_option":"1","break_out":"1","JustCal":"0","dateHeaderBG":"#707070","dateHeaderTxtClr":"#500000","descTextClr":"#000000","stack_bg":"#ffffff","BGStretchColor":"#500000","dateTextClr":"#ffffff","dateArrowColors":"#500000","jsonOptions":"{\"Area Title Size\":\"26\", \"Area Title Fam\":\"Extra Font 2\", \"Month Size\":\"30\", \"Month Fam\":\"Extra Font 1\", \"Day Size\":\"26\", \"Day Fam\":\"Extra Font 2\", \"Desc title size\":\"20\", \"Desc title fam\":\"Extra Font 1\", \"Desc body size\":\"16\", \"Desc body fam\":\"Extra Font 1\"}"}; let obj = {"pageID":"7757","accessID":7757,"accessStr":"page_7757","arModules":[],"arModulesR":[],"typeID":"55","strType":"page_stack","strTable":"stack_items","arTableFields":[{"Field":"ID","Type":"int(10) unsigned","Null":"NO","Key":"PRI","Default":null,"Extra":"auto_increment"},{"Field":"siteID","Type":"int(10) unsigned","Null":"NO","Key":"MUL","Default":"0","Extra":""},{"Field":"tier_parentID","Type":"varchar(15)","Null":"YES","Key":"MUL","Default":null,"Extra":""},{"Field":"stack_type","Type":"int(3) unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"sub_elementID","Type":"int(10) unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"description","Type":"varchar(255)","Null":"YES","Key":"MUL","Default":null,"Extra":""},{"Field":"order_items","Type":"int(3) unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"on_off","Type":"enum('1','0')","Null":"NO","Key":"","Default":"1","Extra":""},{"Field":"option1","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"option2","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"option3","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"option4","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgAlpha","Type":"int(11)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"textColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"aColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgImage","Type":"varchar(15)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgAlign","Type":"enum('l','c','r')","Null":"YES","Key":"","Default":"c","Extra":""},{"Field":"bgRepeat","Type":"int(1) unsigned","Null":"YES","Key":"","Default":"1","Extra":""},{"Field":"font","Type":"varchar(35)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"font_size","Type":"int(11)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"pad_top","Type":"int(11)","Null":"YES","Key":"","Default":"0","Extra":""},{"Field":"pad_bottom","Type":"int(11)","Null":"YES","Key":"","Default":"0","Extra":""},{"Field":"date_added","Type":"date","Null":"NO","Key":"","Default":"0000-00-00","Extra":""},{"Field":"startStack","Type":"varchar(30)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"expireStack","Type":"varchar(30)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"app_displayed","Type":"tinyint(1)","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"deleted","Type":"tinyint(1)","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"options_json","Type":"json","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"calendar","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""}],"strIcon":"page_Stack.png","elementID":"17611","bannerID":"0","bgID":0,"moduleLayout":"0","moduleLayoutR":"0","moduleAlignment":false,"live_page":"1","site_id_ref":"481","parent_ID":"na","title":"Home","level":1,"arAlertMsg":[],"arPushModuleID":null,"strBreadCrumbs":"","underMember":null,"arCals":[],"siteSection":"httpshmshudsonisdorg","headerOverlays":[],"contentOverlays":[],"footerOverlays":[],"oSS":[],"oVids":[]}; let item = {"ID":"184797","stack_typeID":"22","stack_typeTable":"stack_events","multisub":"0","file_attachment":"","stack_typeIcon":"","sub_elementID":"228","description":"Upcoming Events","order_items":"12","on_off":"1","date_added":"2020-09-30","startStack":"","expireStack":"","bgImage":"","aColor":"","textColor":"","bgColor":"","bgAlign":"c","option1":"","option2":"","option3":"","option4":"","app_displayed":"0","options_json":null,"calendar":"15832!_!212803"}; if (item.on_off == '1') { $('#item184797').LoadingOverlay('show'); //Uniform fixed height after calendar JS is ran and markup added $("#item184797 .events_wrapper").css("height","650px"); $("#item184797 .calendar_wrapper").css("height","650px"); } $.ajax({ type: 'POST', url: "/includes/stacks/stack_events.php", data: { content, item, obj, }, success: function(results) { $('#item184797').LoadingOverlay('hide'); $('#item184797').prepend(results); setSideBarCalendarsAJAX(); }, error : function(value) { alert('Error '+value); } }); </script> <div id="item184798"> <div class="clearfix"></div> <div id="stack_content_184798" class="">  <div style="background-color:#ffffff !important;" class="text break-out"> <div class="container-full" style="background-color:#ffffff !important; ;"> <div data-wow-duration="1s" data-wow-delay="0.1s" class="wow animated 0"> <div class="clearfix"></div> <div class="jarallax"> <img class="jarallax-img" src="https://files.gabbart.com/481/8dlefu.jpg" alt=""> </div>  </div> </div> </div> </div> <div class="clearfix"></div> </div> <script> $( document ).ready(function() { }); $('.jarallax').jarallax({ // scroll, scale, opacity, scale-opacity, scroll-opacity type: 'scroll', // animation speed speed: 0.5, // image parallax scroll effect imgSrc: null, imgElement: '.jarallax-img', imgSize: 'cover', imgPosition: '50% 50%', imgRepeat: 'no-repeat', // keep <img> tag in it's default place keepImg: false, // use custom DOM / jQuery element to check if parallax block in viewport. elementInViewport: null, // z-index property zIndex: -100, // disable parallax scroll effect on certain devices // e.g. disableParallax: /iPad|iPhone|iPod|<a href="https://www.jqueryscript.net/tags.php?/Android/">Android</a>/ disableParallax: false, // disable video parallax scroll effect on certain devices // e.g. disableParallax: /iPad|iPhone|iPod|Android/ disableVideo: false, // use ResizeObserver API to recalculate position and size of parallax image automaticResize: true, // video options videoSrc: null, videoStartTime: 0, videoEndTime: 0, videoVolume: 0, videoLoop: true, videoPlayOnlyVisible: true, videoLazyLoading: true }); // object-fit polyfill run objectFitImages('img.jarallax-img'); $(function () { objectFitImages() }); /* init Jarallax / jarallax(document.querySelectorAll('.jarallax')); jarallax(document.querySelectorAll('.jarallax-keep-img'), { keepImg: true, }); </script> <style> #item184798 h2.no_margins_no_padding { font-size: 12px !important; font-family: arial, sans-serif !important; } #item184798 p { color:#fff; margin:0px !important; padding:0px !important; font-size:14px; } #item184798 .break-out{ width: 100vw; position: relative; left: calc(-1 (100vw - 100%) / 2); } #item184798 .container { padding-right:0px !important; padding-left:0px !important; } /* hero block / #item184798 .demo-table2 { display: table; width: 100%; background-color: ; color: #fff; height:110px; } #item184798 .demo-table-cell2 { display: table-cell; text-align: center; vertical-align: middle; } #item184798 .no_margins_no_padding { margin:0px !important; padding:0px !important; } Array @media (max-width: 480px) { #item184798 .jarallax { min-height: 600px !important; } #item184798 .demo-table { display: table; width: 100%; height: 600px; color: #fff; } #item184798 .demo-table-cell { display: table-cell; text-align: center; vertical-align: middle; } } @media (min-width: 480px) and (max-width: 767px) { #item184798 .jarallax { min-height: 600px; } #item184798 .demo-table { display: table; width: 100%; height: 600px !important; background-color: !important; color: #fff; } #item184798 .demo-table-cell { display: table-cell; text-align: center; vertical-align: middle; } } @media (min-width: 767px) { #item184798 .jarallax { min-height: 650px; } #item184798 .demo-table { display: table; width: 100%; height: 650px; background-color: ; color: #fff; } #item184798 .demo-table-cell { display: table-cell; text-align: center; vertical-align: middle; } } #item184798 img.jarallax-img { object-fit: cover; object-position: bottom !important; font-family: 'object-fit: cover; object-position: bottom;'; } </style> <div class="stack_text_pic clearfix" id="item213871"> <style> </style> <div id="stack_content_213871" class=""> <div class="row custom_5312 content-color well wrapped"> <div data-wow-duration="1s" data-wow-delay="0.1s" class="img-responsive no-border col-md-4 wow animated 0"> <div class="inline_edit_213871" contenteditable="false" data-text-only="0" data-colum="column1"> <p style="text-align: center;"><span style="font-size:16px;"><strong><a href="https://www.texasassessment.gov/">STAAR – EOC DATA PORTAL</a></strong></span><br /> <a href="https://www.texasassessment.gov/"><img alt="STAAR graphic" src="https://files.gabbart.com/481/img_pd_100450_dxtiux.png" style="height: 100px; width: 200px;" /></a></p> </div> </div> <div data-wow-duration="1s" data-wow-delay="0.3s" class="img-responsive no-border col-md-4 wow animated 0"> <div class="inline_edit_213871" contenteditable="false" data-text-only="0" data-colum="column2"> <p style="text-align: center;"><span style="font-size:12px;"><span style="font-family:verdana,geneva,sans-serif;"><a href="http://www.iwatchtx.org/"><span style="color:#800000;">iWatch Texas</span></a><br /> <a href="https://iwatchtx.org/?site=tx"><span style="color:#800000;">Report suspicious activities or behaviors that may indicate criminal activity.<br /> <u>All reports are confidential.</u></span></a><br /> Download mobile app or<br /> call <strong>1-844-643-2251<br /> <br /> If this is an emergency, call 911.</strong></span></span></p> </div> </div> <div data-wow-duration="1s" data-wow-delay="0.5s" class="img-responsive no-border col-md-4 wow animated 0"> <div class="inline_edit_213871" contenteditable="false" data-text-only="0" data-colum="column3"> <p><a href="https://www.anonymousalerts.com/hudsonisd/" target="_blank"><img alt="Anonymous Alerts" src="https://files.gabbart.com/481/img_pd_100325_liuldu.png" style="height: 125px; width: 250px;" /></a></p> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div><div id="small-device-sidebar"> </div> <style> .makeTableResponsive table { width:100% !important; } </style> </div> </div> <div id="directoryModal" class="directoryModal modal fade" role="dialog"> <div class="modal-dialog modal-xxl"> <div class="directoryModalContent modal-content"> </div> </div> </div> </div> </div> <div id="themeRightCol" class="sides"> </div> <div id="themeFooter"> </div> </div><div class="clear"></div></div></div><script src="//cdn.gabbart.com/lib/js/jquery.easing.min.js"></script> <script src="//cdn.gabbart.com/lib/js/jquery.touchSwipe.min.js"></script>   <script type="text/javascript" src="/includes/js/jquery.liquid-slider.min.js"></script> <link href="//cdn.gabbart.com/lib/fullcalendar/fullcalendar.css" rel="stylesheet" /> <link href="//cdn.gabbart.com/lib/fullcalendar/fullcalendar.print.css" rel="stylesheet" media="print" /> <script src="//cdn.gabbart.com/lib/fullcalendar/fullcalendar_ocr.js"></script>  <script src="//cdn.gabbart.com/lib/fullcalendar/gcal.js"></script>  <script type="text/javascript" src="//cdn.gabbart.com/lib/js/jquery.qtip.js"></script>  <link rel="stylesheet" href="//cdn.gabbart.com/css/jquery.qtip.css" type="text/css" /> <script src="https://cdn.gabbart.com/lib/js/loader.js"></script> <script> function setSideBarCalendars() { $(document).ready(function() { String.prototype.stripSlashes = function() { return this.replace(/\\(.)/mg, "$1"); } LinkModiferRef = ''; var CurCalID = '15832'; var init0 = 'true'+'15832'; var sidebarCalendarEvents15832 = []; //need a simple array of unix times for in_array to avoid lots of loops, renders ONE cirle per day if event var sidebarCalendarDays15832 = []; //used to display the on hover tooltip for every event that Occurred that day var sidebarCalendarEventAndDays15832 = []; function addDays(date, days) { var result = new Date(date); result.setDate(result.getDate() + days); return result; } var sidebarCalendarConfig = { editable: false, height: 'auto', minTime: '00:00:00', maxTime: '24:00:00', timezone: 'America/Chicago', header: { left: 'prevYear,prev', center: 'title', right: 'next,nextYear' }, views: { month: { eventLimit: 99 } }, googleCalendarApiKey: 'AIzaSyDTTgBWki5P141BVMItARiZykc21-7HXxo', eventSources: [ { url: '/sndreq/calendar_feed.php?calendar_id=15832', }, ], eventClick: function(data, event, view) { window.location = '/event_view?event_id=' + data.id + LinkModiferRef; }, dayRender: function(date, cell) { //add class and date data so that after all events are rendered //can loop through and render ONE colored circle if an event Occurred var currentDate = date.unix(); cell.addClass('cellDay15832'); cell.attr('data-unix', currentDate); }, eventAfterAllRender: function(view) { //save events to array var events = $('#calendar-id-15832').fullCalendar('clientEvents'); sidebarCalendarEvents15832 = []; //add events and calendar to variable for list view var tmpCal = []; tmpCal['sidebar_calendar_id'] = 15832; tmpCal['events'] = []; var push = {}; if (events) { $.each(events, function(item, value) { if (value['url']) { var startDate = moment(value['start']).format('YYYY-MM-DD'); var startTime = moment(value['start']).format('HH:mm:ss'); if (startTime == '00:00:00') { startTime = null; } if (value['end']) { var endDate = moment(value['end']).format('YYYY-MM-DD'); var endTime = moment(value['end']).format('HH:mm:ss'); if (endTime == '00:00:00') { endTime = null; } } else { var endTime = null; var endDate = null; } var push = { id: value['id'], title: value['title'], calendar_name: value['source']['calendar_title'], calendar_id: value['calendar_id'], start: startDate, start_date: startDate, start_time: startTime, end: endDate, end_date: endDate, end_time: endTime, color: value['source']['color'], all_day: value['allDay'], allDay: value['allDay'], source: value['source'], description: value['description'], location: value['address'], map: value['map'], directions: value['directions'], url: value['url'], googleCalendarId: value['source']['googleCalendarId'], textColor: value['source']['textColor'], editable: value['source']['editable'], attachment: null }; } else { var attachment = null; if (value['attachments']) { attachment = value['attachments']; } var startDate = moment(value['start_date']).format('YYYY-MM-DD'); if (value['end_date']) { var endDate = moment(value['end_date']).format('YYYY-MM-DD'); } else { var endDate = null; } var push = { id: value['id'], title: value['title'], calendar_name: value['calendar_name'], calendar_id: value['calendar_id'], start: startDate, start_date: startDate, start_time: value['start_time'], end: endDate, end_date: endDate, end_time: value['end_time'], color: value['color'], all_day: value['all_day'], allDay: value['allDay'], source: value['source'], description: value['description'], location: value['address'], map: value['map'], directions: value['directions'], url: null, googleCalendarId: null, textColor: value['textColor'], editable: null, attachment: attachment }; } tmpCal['events'].push(push); }); } sidebarCalendarEvents15832.push(tmpCal); //hide calendar if calendar settings is set to hide if ('' == true) { $('#calendar-content-15832').hide(); } if (init0 == 'true'+'15832') { var calendar_id = '15832'; if ('3' != '' && parseInt('3') != 0 && '2024-11-08' && '2024-11-08' != '' && calendar_id && calendar_id != '') { var listOutput = ''; var eventCounter = 1; //populate upcoming events var startUnix = moment().unix() 1000; //today var endUnix = moment('2024-11-08').unix() * 1000; //date of set days to view var days = date_diff_indays(startUnix, endUnix); //counter for loop var currentDay = new Date(startUnix); //incremented placeholder var today = moment().format('L'); var eventLimit = '10'; if (eventLimit != '') { eventLimit = parseInt(eventLimit); } else { eventLimit = 999; } if (days && !isNaN(days) && eventLimit && startUnix && endUnix) { //store each days events in an array to sort by time before populating day var dayEvents = {}; var currentDayCounter = 0; var j = 0; for(var i = 0; i <= days; i++) { j = i; //loop through events to see if any occur on current day if (sidebarCalendarEvents15832) { var currentUnix = currentDay.getTime() / 1000; //convert to seconds which moment() uses var eventOutput = ''; $(sidebarCalendarEvents15832).each(function(i, val) { if (val['events'] && parseInt(val['sidebar_calendar_id']) == parseInt('15832')) { //new day, sort all events for previous day, clear array, if (j != currentDayCounter) { //if dayEvents has events, display non-timed events first, //sort the events that are timed, display timed events if (!jQuery.isEmptyObject(dayEvents)) { var nonTimedEvents = {}; var displayEventCounter = 0; Object.keys(dayEvents).forEach(function(i,val) { //add to display events if no time, remove from array if (!dayEvents[i]['start_time'] && !dayEvents[i]['end_time']) { nonTimedEvents[displayEventCounter] = dayEvents[i]['html_output']; delete dayEvents[i]; displayEventCounter++; } else if (dayEvents[i]['start_time']) { if (dayEvents[i]['start_time'] && dayEvents[i]['start_date']) { var startDateTime = dayEvents[i]['start_date'] + ' ' + dayEvents[i]['start_time']; dayEvents[i]['start_date_time'] = moment(startDateTime).unix() * 1000; } } }); //sort any remaining (timed) items in array if (!jQuery.isEmptyObject(dayEvents)) { var sortTimes = []; //compile simple array of id and timestamp for sorting Object.keys(dayEvents).forEach(function(i,val) { if (dayEvents[i]['start_date_time']) { sortTimes.push([dayEvents[i]['start_date_time'], dayEvents[i]['id']]); } }); sortTimes.sort(sortFunction); function sortFunction(a, b) { if (a[0] === b[0]) { return 0; } else { return (a[0] < b[0]) ? -1 : 1; } } } else { var sortTimes = []; } if (!jQuery.isEmptyObject(nonTimedEvents) || sortTimes && sortTimes.length > 0) { //due to currentDay being evaulated at the end of the loop and logic executes when //a new day occurs, must use the previous day var currentDayTmp = new Date(currentDay); var previousDay = new Date(currentDayTmp.setDate(currentDayTmp.getDate() - 1)); var monthName = moment(previousDay).format('MMM'); var dayName = moment(previousDay).format('ddd'); //if today, make box green if (today == moment(previousDay).format('L')) { var boxColor = 'successBox'; } else { var boxColor = 'lightGrayBox'; } listOutput += '<div class="text-center moduleHeader auto-width sm-top-margin">'; listOutput += dayName + ', ' + monthName + ' ' + previousDay.getDate(); listOutput += '</div>'; listOutput += '<div>'; var eventPerDayCounter = 1; //list untimed events if (!jQuery.isEmptyObject(nonTimedEvents)) { var nonTimedLength = Object.keys(nonTimedEvents).length; Object.keys(nonTimedEvents).forEach(function(i,val) { listOutput += nonTimedEvents[i]; //If not last item, put divider if (eventPerDayCounter != nonTimedLength) { listOutput += '<hr style="margin: 5px 0px 5px 0px !important;" />'; } eventPerDayCounter++; }); } if (sortTimes && sortTimes.length > 0) { var sortedPerDay = 1; //add divider if there are any non-timed events before the timed events if (eventPerDayCounter != 1) { listOutput += '<hr style="margin: 5px 0px 5px 0px !important;" />'; } //loop through sorted times to display them in chronological order by start time $.each(sortTimes, function(i, val) { Object.keys(dayEvents).forEach(function(k,obj) { if (dayEvents[k]['id'] && dayEvents[k]['id'] == sortTimes[i][1]) { listOutput += dayEvents[k]['html_output']; //If not last item, put divider if (sortedPerDay != sortTimes.length) { listOutput += '<hr style="margin: 5px 0px 5px 0px !important;" />'; } sortedPerDay++; } }); }); } listOutput += '<div class="clearfix"></div>'; listOutput += '</div>'; } } dayEvents = {}; currentDayCounter = j; } var eventOutput = ''; Object.keys(val['events']).forEach(function(k,obj) { var startOfDayStart = moment(val['events'][k]['start_date']).startOf('day'); var eventStartUnixDayBegin = startOfDayStart.unix(); var endOfDayStart = moment(val['events'][k]['start_date']).endOf('day'); var eventStartUnixDayEnd = endOfDayStart.unix(); //have to get the start AND end of end day to correctly see if on that day var startOfDayEnd = moment(val['events'][k]['end_date']).startOf('day'); var eventEndUnixDayBegin = startOfDayEnd.unix(); var endOfDayEnd = moment(val['events'][k]['end_date']).endOf('day'); var eventEndUnixDayEnd = endOfDayEnd.unix(); //if all day it spans into the next day time wise since timezone //isn't being calculated, fix for list view by taking off 12 hours so //it doesn't span into the next day if (val['events'][k]['allDay'] == true) { eventEndUnixDayBegin -= 86400; eventEndUnixDayEnd -= 86400; } if (((eventStartUnixDayBegin <= currentUnix && eventEndUnixDayEnd >= currentUnix) || //multi day event in middle (eventStartUnixDayBegin <= currentUnix && eventStartUnixDayEnd >= currentUnix) || //event starts this day (eventEndUnixDayBegin <= currentUnix && eventEndUnixDayEnd >= currentUnix)) && //event ends this day eventCounter <= eventLimit) { //calendar only shows x events eventOutput = ''; eventOutput += '<div class="text-left">'; eventOutput += '<div>'; if (val['events'][k]['title']) { var titleAlt = 'View ' + val['events'][k]['title']; } else { var titleAlt = 'View Event'; } if (val['events'][k]['url']) { var link = val['events'][k]['url']; var linkTarget = "_blank"; } else { var link = '/event_view?event_id=' + val['events'][k]['id'] + ''; var linkTarget = "_self"; } eventOutput += '<div class="upcomingEventsRow">'; if (val['events'][k]['color']) { eventOutput += '<div class="upcomingEventsColumnColor sm-top-margin">'; eventOutput += '<a href="' + link + '" title="' + titleAlt + '" target="' + linkTarget + '">'; eventOutput += '<span style="display:none;">Event</span><div class="upcomingEventsColorBubble" style="background-color: ' + val['events'][k]['color'] + ' !important;"></div>'; eventOutput += '</a>'; eventOutput += '</div>'; eventOutput += '<div class="upcomingEventsColumnTitle">'; } eventOutput += '<a href="' + link + '" title="' + titleAlt + '" target="' + linkTarget + '">'; eventOutput += '<strong>' + val['events'][k]['title'] + '</strong>'; eventOutput += '</a>'; //don't show times if all day if (val['events'][k]['all_day'] != true) { //they did not set an end time, defaults to 12:00:00 if (val['events'][k]['start_time'] && val['events'][k]['end_time']) { eventOutput += '<br />' + moment(val['events'][k]['start'] + ' ' + val['events'][k]['start_time']).format('h:mm a'); eventOutput += ' - ' + moment(val['events'][k]['start'] + ' ' +val['events'][k]['end_time']).format('h:mm a'); } else if (val['events'][k]['start_time']) { eventOutput += '<br />' + moment(val['events'][k]['start'] + ' ' + val['events'][k]['start_time']).format('h:mm a'); } } if (val['events'][k]['color']) { eventOutput += '</div>'; //end upcomingEventsColumnTitle } eventOutput += '</div>'; //end upcomingEventsRow eventOutput += '</div>'; if (val['events'][k]['description'] || val['events'][k]['attachment'] || val['events'][k]['location'] || val['events'][k]['map']) { eventOutput += '<div class="md-sm-left-margin">'; if (val['events'][k]['description']) { if (val['events'][k]['description'] && val['events'][k]['description'].length > 100) { var description = val['events'][k]['description'].substr(0, 99) + '...'; } else { var description = val['events'][k]['description']; } if (description.length > 0) { eventOutput += '<span title="' + val['events'][k]['description'] + '">' + description + '</span><br />'; } } if (val['events'][k]['location']) { if (val['events'][k]['location'] && val['events'][k]['location'].length > 100) { var location = val['events'][k]['location'].substr(0, 99) + '...'; } else { var location = val['events'][k]['location']; } if (location.length > 0) { eventOutput += '<span>Location:</span><br />'; eventOutput += '<span title="' + val['events'][k]['location'] + '">' + location + '</span><br />'; } } if (val['events'][k]['map']) { var map = val['events'][k]['map']; if (map.length > 0) { eventOutput += '<a href="' + val['events'][k]['map'] + '" target="_blank" aria-label="Map to ' + titleAlt + '">Map</a><br />'; } } // if (val['events'][k]['directions']) { // if (val['events'][k]['directions'] && val['events'][k]['directions'].length > 100) { // var directions = val['events'][k]['directions'].substr(0, 99) + '...'; // } else { // var directions = val['events'][k]['directions']; // } // // if (directions.length > 0) { // eventOutput += '<span title="directions_label">Directions:</span><br />'; // eventOutput += '<span title="' + val['events'][k]['directions'] + '">' + directions + '</span><br />'; // } // } if (val['events'][k]['attachment']) { if (val['events'][k]['attachment'].indexOf('http://') != -1 || val['events'][k]['attachment'].indexOf('https://') != -1) { //external link eventOutput += '<a href="' + val['events'][k]['attachment'] + '" title="' + val['events'][k]['attachment'] + '">'; eventOutput += '<img alt="attachment" src="//cdn.gabbart.com/library/common/glyphiconPaperclip.png" width="10" height="10" alt="' + val['events'][k]['attachment'] + '"> Attachment'; eventOutput += '</a>'; } else { //internal link eventOutput += '<a href="' + val['events'][k]['attachment'] + '" title="' + 'hms.hudsonisd.org' + val['events'][k]['attachment'] + '">'; eventOutput += '<img alt="attachment" src="//cdn.gabbart.com/library/common/glyphiconPaperclip.png" width="10" height="10" alt="' + 'hms.hudsonisd.org' + val['events'][k]['attachment'] + '"> Attachment'; eventOutput += '</a>'; } } eventOutput += '</div>'; } eventOutput += '<div class="text-center">'; if (!val['events'][k]['googleCalendarId'] && val['events'][k]['calendar_name']) { if (parseInt('15832') != val['events'][k]['calendar_id']) { if (val['events'][k]['calendar_name'].indexOf('Calendar: ') >= 0) { var title = val['events'][k]['calendar_name'].replace('Calendar: ', ''); } else { var title = val['events'][k]['calendar_name']; } title = title.stripSlashes(); eventOutput += '<small><span class="calendar-source">( Source: </span>'; eventOutput += '<a href="/page/page_calendar?calID=' + val['events'][k]['calendar_id'] + '" title="View ' + title.stripSlashes() + '">' + title.stripSlashes() + '</a> )</small>'; } } else if (val['events'][k]['url']) { eventOutput += '<small>'; eventOutput += '<span class="calendar-source">( Source: </span>'; eventOutput += '<a href="' + val['events'][k]['url'] + '" title="Open Google Calendar" target="_blank">'; eventOutput += '<img alt="View In Google Calendar" src="//cdn.gabbart.com/library/common/gcalIcon.png" width="12" height="12" title="View In Google Calendar"> '; if (val['events'][k]['calendar_name']) { eventOutput += val['events'][k]['calendar_name']; } eventOutput += '</a> )'; eventOutput += '</small>'; } eventOutput += '</div>'; eventOutput += '</div>'; //add event to day array for sorting if (j == currentDayCounter) { dayEvents[val['events'][k]['id']] = { 'id' : val['events'][k]['id'], 'html_output' : '<div style="page-break-inside: auto;"></div><table class="no-border fullWidth">' + eventOutput + '</table>', 'start' : val['events'][k]['start'], 'start_date' : val['events'][k]['start_date'], 'start_time' : val['events'][k]['start_time'], 'end' : val['events'][k]['end'], 'end_date' : val['events'][k]['end_date'], 'end_time' : val['events'][k]['end_time'], 'all_day' : val['events'][k]['all_day'] }; } eventCounter++; } }); } }); } //increment to next day currentDay = addDays(currentDay, 1); } } if (listOutput && listOutput.length > 0) { listOutput = '<div class="list-group">' + listOutput + '</div>'; $('#upcomingEventsOutput' + calendar_id).html(listOutput); } else { //no events // var listOutput = '<div class="list-group">'; // listOutput += '<div class="dark-list-group-item">'; // listOutput += '<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12 grayBox text-center">No events Occurred.</div>'; // listOutput += '<div class="clearfix"></div>'; // listOutput += '</div>'; // listOutput += '</div>'; // $('#upcomingEventsOutput' + calendar_id).html(listOutput); $('#upcomingEventsOutput' + calendar_id).hide(); $('.upcoming' + calendar_id).hide(); } } init0 = 'false'+'15832'; } //after all events are rendered (but invisible) //IF EVENT OCCURS ON THIS DAY, SHOW CIRCLE IF NO CIRCLE, ADD EVENT TO DATE array sidebarCalendarEventAndDays15832 = []; sidebarCalendarDays15832 = []; $('.cellDay15832').each(function(e) { var foo = $(this); var currentUnix = moment(parseInt($(this).data('unix')) * 1000).add(1, 'days').unix(); //loop through events, if event occurs on this day and not in sidebarCalendarDays, show CIRCLE and add event to data //if event occurs on this day and IN sidebarCalendarDays, add event to data $(sidebarCalendarEvents15832).each(function(i, val) { if (val['events'] && parseInt(val['sidebar_calendar_id']) == parseInt('15832')) { Object.keys(val['events']).forEach(function(k,obj) { var startOfDayStart = moment(val['events'][k]['start_date']).startOf('day'); var eventStartUnixDayBegin = startOfDayStart.unix(); var endOfDayStart = moment(val['events'][k]['start_date']).endOf('day'); var eventStartUnixDayEnd = endOfDayStart.unix(); //have to get the start AND end of end day to correctly see if on that day var startOfDayEnd = moment(val['events'][k]['end_date']).startOf('day'); var eventEndUnixDayBegin = startOfDayEnd.unix(); var endOfDayEnd = moment(val['events'][k]['end_date']).endOf('day'); var eventEndUnixDayEnd = endOfDayEnd.unix(); //if all day it spans into the next day time wise since timezone //isn't being calculated, fix for list view by taking off 12 hours so //it doesn't span into the next day if (val['events'][k]['allDay'] == true) { eventEndUnixDayBegin -= 43200; eventEndUnixDayEnd -= 43200; } //if no times the end_date is being sent incorrectly (+1 day) if (!val['events'][k]['start_time'] && !val['events'][k]['end_time'] && val['events'][k]['end_date']) { var endDate = moment(val['events'][k]['end_date']).subtract(1, 'days').format('YYYY-MM-DD'); } else { var endDate = val['events'][k]['end_date']; } if ((eventStartUnixDayBegin <= currentUnix && eventEndUnixDayEnd >= currentUnix) || //multi day event in middle (eventStartUnixDayBegin <= currentUnix && eventStartUnixDayEnd >= currentUnix) || //event starts this day (eventEndUnixDayBegin <= currentUnix && eventEndUnixDayEnd >= currentUnix)) { //event ends this day //currentUnix not in sidebarCalendarDays, show CIRCLE if ($.inArray(currentUnix, sidebarCalendarDays15832) === -1) { //add day to array sidebarCalendarDays15832.push(currentUnix); var eventAndDay = {}; eventAndDay['unix'] = currentUnix; eventAndDay['events'] = []; sidebarCalendarEventAndDays15832.push(eventAndDay);//Find me //create colored circle to hover //glenn modified for testing color events var coloredCircle = '<div class="text-center">'; coloredCircle += '<div style="background-color: #701b1b !important;" class="coloredCircle sidebarMonthDayHover15832 defaultEventColor" id="monthDayHoverCircle' + currentUnix + '15832" data-unix="' + currentUnix + '">'; coloredCircle += '</div>'; $(foo).html(coloredCircle); } //don't show times if all day if (val['events'][k]['all_day'] != true) { if (val['events'][k]['start_time'] && val['events'][k]['end_time']) { var startTimeTmp = moment(val['events'][k]['start_date'] + ' ' + val['events'][k]['start_time']).format('h:mm a'); var endTimeTmp = moment(val['events'][k]['start_date'] + ' ' + val['events'][k]['end_time']).format('h:mm a'); } else if (val['events'][k]['start_time']) { var startTimeTmp = moment(val['events'][k]['start_date'] + ' ' + val['events'][k]['start_time']).format('h:mm a'); var endTimeTmp = null; } else { var startTimeTmp = null; var endTimeTmp = null; } } else { var startTimeTmp = null; var endTimeTmp = null; } if (!val['events'][k]['googleCalendarId'] && val['events'][k]['calendar_name']) { if (parseInt('15832') != val['events'][k]['calendar_id']) { if (val['events'][k]['calendar_name'].indexOf('Calendar: ') >= 0) { var source = val['events'][k]['calendar_name'].replace('Calendar: ', ''); } else { var source = val['events'][k]['calendar_name']; } source = source.stripSlashes(); } } else if (val['events'][k]['url']) { source = '<img alt="View In Google Calendar" src="//cdn.gabbart.com/library/common/gcalIcon.png" width="12" height="12" title="View In Google Calendar"> '; if (val['events'][k]['calendar_name']) { source += val['events'][k]['calendar_name']; } } var eventDataTmp = {}; eventDataTmp['id'] = val['events'][k]['id']; eventDataTmp['title'] = val['events'][k]['title']; eventDataTmp['startTime'] = startTimeTmp; eventDataTmp['endTime'] = endTimeTmp; eventDataTmp['source'] = source; eventDataTmp['color'] = val['events'][k]['color']; eventDataTmp['startDate'] = val['events'][k]['start_date']; eventDataTmp['endDate'] = endDate; eventDataTmp['calendar_id'] = val['events'][k]['calendar_id']; eventDataTmp['attachment'] = val['events'][k]['attachment']; //find day in sidebarCalendarEventAndDays, push event data to correct day $(sidebarCalendarEventAndDays15832).each(function(j, day) { if (sidebarCalendarEventAndDays15832[j]['unix'] == currentUnix) { sidebarCalendarEventAndDays15832[j]['events'].push(eventDataTmp); } }); } }); } }); }); //configure tooltips for every color bubble //after date/event data array compiled loop through sidebarMonthDayHover again and create tooltips for id monthDayHoverCircle' + currentUnix + '$responsive_calendar_id $('.sidebarMonthDayHover15832').each(function(i, val) { var foo = $(this); var currentUnix = foo.data('unix'); var id = foo.attr('id'); //loop through sidebarCalendarEventAndDays until find the current unix day $(sidebarCalendarEventAndDays15832).each(function(j, day) { if (currentUnix == sidebarCalendarEventAndDays15832[j]['unix'] && sidebarCalendarEventAndDays15832[j]['events']) { var dayTooltip = ''; //loop through all events for that day Object.keys(sidebarCalendarEventAndDays15832[j]['events']).forEach(function(k,obj) { if (sidebarCalendarEventAndDays15832[j]['events'][k]['title']) { if (dayTooltip != '') { dayTooltip += '<hr style="margin: 5px 0px 5px 0px !important;" />'; } dayTooltip += '<div class="upcomingEventsRow">'; //render color bubble if (sidebarCalendarEventAndDays15832[j]['events'][k]['color']) { var eventColor = sidebarCalendarEventAndDays15832[j]['events'][k]['color']; dayTooltip += '<div class="upcomingEventsColumnColor sm-top-margin">'; dayTooltip += '<div class="upcomingEventsColorBubble" style="background-color: ' + eventColor + ' !important;"></div>'; dayTooltip += '</div>'; } dayTooltip += '<div class="upcomingEventsColumnTitle">'; dayTooltip += sidebarCalendarEventAndDays15832[j]['events'][k]['title'] + '<br />'; var startTime = sidebarCalendarEventAndDays15832[j]['events'][k]['startTime']; var endTime = sidebarCalendarEventAndDays15832[j]['events'][k]['endTime']; if (startTime || endTime) { if (startTime) { dayTooltip += startTime; } if (endTime) { if (startTime) { if (startTime != endTime) { dayTooltip += ' - ' + endTime; } } else { dayTooltip += endTime; } } dayTooltip += '<br />'; } var startDate = sidebarCalendarEventAndDays15832[j]['events'][k]['startDate']; var endDate = sidebarCalendarEventAndDays15832[j]['events'][k]['endDate']; if (startDate && endDate && startDate != endDate) { dayTooltip += moment(startDate).format('MMM D') + ' - ' + moment(endDate).format('MMM D'); dayTooltip += '<br />'; } if (sidebarCalendarEventAndDays15832[j]['events'][k]['source']) { if (sidebarCalendarEventAndDays15832[j]['events'][k]['calendar_id'] != 15832) { dayTooltip += '<label><small>Source:</small></label> ' + sidebarCalendarEventAndDays15832[j]['events'][k]['source'] + '<br />'; } } if (sidebarCalendarEventAndDays15832[j]['events'][k]['attachment']) { dayTooltip += '<img alt="attachment" src="//cdn.gabbart.com/library/common/glyphiconPaperclipWhite.png" width="10" height="10"> Attachment(s)'; } dayTooltip += '</div>'; dayTooltip += '</div>'; //end upcomingEventsRow } }); $(foo).qtip({ content: dayTooltip, position: { target: 'mouse', // Position it where the click was... adjust: { mouse: false } // ...but don't follow the mouse }, style: { classes: 'qtip-tipsy ', tip: { width:12, height:6, mimic:'center' } }, show: { ready:false }, hide: { fixed: true } }); /var FF = !(window.mozInnerScreenX == null); if (FF) { // is firefox $(foo).qtip({ content: dayTooltip, position: { target: 'mouse', // Position it where the click was... adjust: { mouse: false } // ...but don't follow the mouse }, style: { classes: 'qtip-tipsy ', tip: { width:12, height:6, mimic:'center' } }, show: { ready:false }, hide: { fixed: true } }); } else { // not firefox $(foo).qtip({ content: dayTooltip, position: { my: 'top left', at: 'bottom left', viewport: $(window), adjust:{method: 'flipinvert'} }, style: { classes: 'qtip-tipsy ', tip: { width:12, height:6, mimic:'center' } }, show: { ready:false }, hide: { fixed: true } }); }/ } }); }); } }; //calculate days between two dates var date_diff_indays = function(date1, date2) { dt1 = new Date(date1); dt2 = new Date(date2); return Math.floor((Date.UTC(dt2.getFullYear(), dt2.getMonth(), dt2.getDate()) - Date.UTC(dt1.getFullYear(), dt1.getMonth(), dt1.getDate()) ) /(1000 * 60 * 60 * 24)); } //get google feeds var googleCalendarFeeds = {"total":1,"google_feeds":[{"id":11424,"calendar_title":null,"color":"#50000","text_color":"#0a0101","gcal_link":" hudsonisd.org_ldho199l0sbm2j3j2up8b04cnk@group.calendar.google.com","created":"2023-08-13T17:14:24-05:00"}]}; //Load dynamic number of google feeds into the eventSources object if (googleCalendarFeeds) { $.each(googleCalendarFeeds, function(item, value) { if (googleCalendarFeeds[item] && typeof googleCalendarFeeds[item] === 'object') { Object.keys(googleCalendarFeeds[item]).forEach(function(key,index) { var googleColor = ''; if (googleCalendarFeeds[item][key]['color']) { googleColor = googleCalendarFeeds[item][key]['color'].trim(); } var googleTextColor = ''; if (googleCalendarFeeds[item][key]['text_color']) { googleTextColor = googleCalendarFeeds[item][key]['text_color']; } var googleCalTitle = ''; if (googleCalendarFeeds[item][key]['calendar_title']) { googleCalTitle = googleCalendarFeeds[item][key]['calendar_title']; } var googleCalLink = ''; if (googleCalendarFeeds[item][key]['gcal_link']) { googleCalLink = googleCalendarFeeds[item][key]['gcal_link'].trim(); } sidebarCalendarConfig.eventSources.push(new Object({googleCalendarId: googleCalLink, color: googleColor, eventTextColor: googleTextColor, textColor: googleTextColor, calendar_title: googleCalTitle})); }); } }); } if ("Calendar: HMS Campus Calendar") { var calendar_name = "Calendar: HMS Campus Calendar"; calendar_name = calendar_name.toLowerCase(); //load campus feed if campus is not in calendar name if (calendar_name.indexOf("campus") === -1 && calendar_name.indexOf("district") === -1 && calendar_name.indexOf("parish") === -1) { sidebarCalendarConfig.eventSources.push(new Object({url: '/sndreq/campus_calendar_feed.php?calendar_id=15832'})); } //load district feed if district is not in calendar name if (calendar_name.indexOf("district") === -1 && calendar_name.indexOf("parish") === -1) { sidebarCalendarConfig.eventSources.push(new Object({url: '/sndreq/district_calendar_feed.php?calendar_id=15832'})); } } $('#calendar-id-15832').fullCalendar(sidebarCalendarConfig); //on month day event click take user to day view of calendar for that day $(document).delegate('.sidebarMonthDayHover15832', "click", function(event, state) { var currentUnix = $(this).data('unix'); var currDate = moment(currentUnix * 1000).format("YYYY-MM-DD"); window.location.href = '/page/page_calendar?calID=15832&view=day&date=' + currDate; }); }); } </script>  <script> function setSideBarLessonplans() { $(document).ready(function() { $('.fc-button-group .fc-prev-button ').attr('aria-label','Previous Month'); $('.fc-button-group .fc-next-button').attr('aria-label','Next Month'); $('.fc-button-group .fc-prevYear-button ').attr('aria-label','Previous Year'); $('.fc-button-group .fc-nextYear-button ').attr('aria-label','Next Year'); }); } </script>  <footer class="clearfix" id="footer">  <script> function hideMe(id) { var box = document.getElementById(id); box.style.display = "none"; } $(window).on('load', function() { bodyHeight = $("body").outerHeight(); windowHeight = window.innerHeight; var url = window.location.pathname; var filename = url.substring(url.lastIndexOf('/')+1); // alert(filename); if (bodyHeight < windowHeight && filename !== 'search_e') { var footer = document.getElementById("footer"); footer.style.position = "inherit"; footer.style.left = "0px" footer.style.top = windowHeight - footer.offsetHeight + 'px'; footer.style.width = '100%'; } }); </script> <a tabindex="-1" style="font-size:22px;" id='top' href='#' aria-label="click to go to the top"><em style="color:#747474 !important;" class="fa fa-arrow-circle-up"></em></a> <style> .goog-te-gadget-simple { background-color:#717C7D; border:none; font-size:11px; border-radius: 3px; padding:2px; } .goog-te-gadget-simple img{ display:none; } </style> <script> function hideMe(id) { var box = document.getElementById(id); box.style.display = "none"; } $(window).on('load', function() { bodyHeight = $("body").outerHeight(); windowHeight = window.innerHeight; if(bodyHeight < windowHeight) { var footer = document.getElementById("footer"); footer.style.position = "absolute"; footer.style.left = "0px" footer.style.top = windowHeight - footer.offsetHeight + 'px'; footer.style.width = '100%'; } }); </script> <style> .footerBold { color:; } #extraFooterModal div { color:black !important; } #extraFooterModal h4 { color:black !important; } #extraFooterModal a { color: #1883c1 !important; } </style> <div class="container-full" style="padding-left:0px !important; padding-right:0px !important;"> <div id="footer_bg" class="" style="background-color:#000000;"> <div class='container'> <div class='col-md-4'> <h3 class="f4h3" style="font-family:Questrial, sans-serif;">Non-Discriminatory:</h3> <p>Hudson ISD does not discriminate on the basis of race, color, national origin, sex, or disability in its programs or activities and provides equal access to the Boy Scouts and other designated youth groups. The following person has been designated to handle inquiries regarding the nondiscrimination policies: Title IX Coordinator, Donny Webb, at 6735 Ted Trout Drive, Lufkin, TX 75904, (936) 875-9256.</p> </div> <div class='col-md-4 social'> <h3 class="f4h3">Connect With Us:</h3> <a target="_blank" href="https://www.facebook.com/Hudsonisd/"><em class="f4SocialIcon circlefa fa fa-facebook icon-social" aria-hidden="true"></em></a><a target="_blank" href="https://twitter.com/hudsonisd?lang=en"><em class="f4SocialIcon circlefa fa fa-twitter icon-social" aria-hidden="true"></em></a> </div> <div class='col-md-4'> <h3 class="f4h3">Contact Us:</h3> <span class="glyphicon glyphicon-home"></span> <a target="_blank" href="http://maps.google.com/?q=6735 Ted Trout Dr.<br>Lufkin, Texas 75904">6735 Ted Trout Dr.<br>Lufkin, Texas 75904</a><br/><span class="glyphicon glyphicon-earphone"></span> <a href="tel:+19368759295">936-875-9295</a> <br/><span class="fa fa-fax"></span> <a href="tel:+1936-875-9317">936-875-9317</a> <br/> <p><i class="fa fa-envelope" aria-hidden="true"></i>   <a href='mailto:info@hudsonisd.org'>info@hudsonisd.org</a></p> </div> <div class="clearfix"></div> <div class="col-md-4"> <div class="clearfix"></div> <span style="font-size:11px;">Contents © 2024 Hudson ISD: Hudson Middle School</span><div class="clearfix"></div> </div> <div class="col-md-4"> </div> <div class="col-md-4"> <a href="#" class="search_clickify"><span class="glyphicon glyphicon-search"></span> Search</a>  <span>|</span>  </span><span><a href="/site_map">Site Map</a>  <span>|</span>  <a href="/login"><span id="log_in_link">Log In</span></a> </div> </div> </div> </div> <div class="clearfix"></div> <div style="margin-top:0px;padding-top:0px;" class=" no-border footer-notContained panel-footer footerbar"> <style> @media (max-width: 480px) { /#manditoryFooterItems { height:200px !important; }/ #footer_bg { height:auto !important; } } @media (min-width: 480px) and (max-width: 767px) { /#manditoryFooterItems { height:200px !important; }/ #footer_bg { height:auto !important; } } @media (max-width: 767px) { /#manditoryFooterItems { height:75px; }/ #footer_bg { 300 } } @media (min-width: 768px) and (max-width: 991px) { /#manditoryFooterItems { height:200px; }/ #footer_bg { 300 } } @media (min-width: 992px) and (max-width: 1199px) { /#manditoryFooterItems { height:75px; }/ #footer_bg { 300 } } @media (min-width: 1200px) { /#manditoryFooterItems { height:75px; }/ #footer_bg { 300 } } </style>  <div class="clearfix"></div> <div class="wideContainer"> <div id="globalGabbartFooter" class="row" style="background-color: #000000 !important;padding:20px;margin-bottom:-20px;"> <div class="text-center col-md-4"> <ul class="list-inline"> <span style="margin-left:-15px;" id="accessibility_link"><a href="/accessibility"><em class="fa fa-universal-access" aria-hidden="true"></em> Accessibility</a></span><br> <style> #accessibility_link a { color: #F1F1F1 !important; } </style> </ul> </div>  <div id="conveythis-wrapper-main"><a href="https://www.conveythis.com" class="conveythis-no-translate notranslate" title="ConveyThis"></a></div> <script async defer src="https://cdn.gabbart.com/lib/js/conveythis.js"></script> <script async defer src="https://cdn.gabbart.com/lib/js/translate.js"></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(e) { conveythis.init({source_language_id: 703, languages: [{"id":"703","active":true},{"id":"789","active":false},{"id":"780","active":false},{"id":"779","active":false},{"id":"777","active":false},{"id":"776","active":false},{"id":"775","active":false},{"id":"797","active":false},{"id":"778","active":false},{"id":"773","active":false},{"id":"771","active":false},{"id":"770","active":false},{"id":"768","active":false},{"id":"767","active":false},{"id":"764","active":false},{"id":"762","active":false},{"id":"758","active":false},{"id":"752","active":false},{"id":"751","active":false},{"id":"805","active":false},{"id":"747","active":false},{"id":"745","active":false},{"id":"742","active":false},{"id":"741","active":false},{"id":"740","active":false},{"id":"739","active":false},{"id":"737","active":false},{"id":"736","active":false},{"id":"734","active":false},{"id":"800","active":false},{"id":"801","active":false},{"id":"731","active":false},{"id":"730","active":false},{"id":"729","active":false},{"id":"727","active":false},{"id":"726","active":false},{"id":"725","active":false},{"id":"724","active":false},{"id":"723","active":false},{"id":"722","active":false},{"id":"721","active":false},{"id":"720","active":false},{"id":"798","active":false},{"id":"796","active":false},{"id":"719","active":false},{"id":"806","active":false},{"id":"717","active":false},{"id":"716","active":false},{"id":"714","active":false},{"id":"713","active":false},{"id":"712","active":false},{"id":"710","active":false},{"id":"709","active":false},{"id":"707","active":false},{"id":"708","active":false},{"id":"706","active":false},{"id":"705","active":false},{"id":"704","active":false},{"id":"715","active":false},{"id":"703","active":false},{"id":"799","active":false},{"id":"728","active":false},{"id":"732","active":false},{"id":"802","active":false},{"id":"738","active":false},{"id":"803","active":false},{"id":"743","active":false},{"id":"744","active":false},{"id":"746","active":false},{"id":"804","active":false},{"id":"748","active":false},{"id":"749","active":false},{"id":"750","active":false},{"id":"753","active":false},{"id":"754","active":false},{"id":"755","active":false},{"id":"756","active":false},{"id":"757","active":false},{"id":"759","active":false},{"id":"760","active":false},{"id":"763","active":false},{"id":"807","active":false},{"id":"766","active":false},{"id":"769","active":false},{"id":"808","active":false},{"id":"809","active":false},{"id":"810","active":false},{"id":"811","active":false},{"id":"774","active":false},{"id":"781","active":false},{"id":"782","active":false},{"id":"783","active":false},{"id":"784","active":false},{"id":"785","active":false},{"id":"786","active":false},{"id":"787","active":false},{"id":"812","active":false},{"id":"790","active":false},{"id":"813","active":false},{"id":"791","active":false},{"id":"792","active":false},{"id":"794","active":false},{"id":"795","active":false},{"id":"815","active":false},{"id":"814","active":false}]}); $('#conveythis-wrapper').bind("DOMSubtreeModified", function() { if ($('div[style="width: 168px;"] div').length > 4) { $('div[style="width: 168px;"] div:last').remove(); } }); }); </script>  <div class="text-center col-md-4 col-xs-12 col-sm-12"> <a href="https://www.parentsquare.com" target="blank"><img alt="ParentSquare" style="width: 300px; margin: -20px 0px 0px 0px" src="//cdn.gabbart.com/library/common/PSLogo_White.png"></a> </div> <a style="margin-bottom:200px !important; padding-bottom:20px;" aria-label="Back to top of site" href="#jumpToTop" class="sr-only sr-only-focusable">Back To Top Of Website</a> </div> </div> <style> .footerColor { color: #F1F1F1 !important; } </style></div> </div> <style> .f4h3 { font-family: Questrial, sans-serif; font-size: px; } #footer_bg { width: 100%; float: left; margin: 0px 0 0; padding: 30px 0; background: #333; } #footer_bg .social a { float: left; margin-right: 10px; } #footer_bg .social a img { width: 35px; opacity: 0.4; } #footer_bg .social a:hover img { opacity: 1; } #footer_bg em.circlefa.fa { display: inline-block; border-radius: 50px; padding: 0.5em 0.6em; width:30px; height:30px; text-align:center !important; margin-top:1px; font-size:14px !important;; color:#fff !important; } #footer_bg .fa-facebook.icon-social { background: #4f7dd4 !important; } #footer_bg .fa-facebook.icon-social:hover { background: #789bde !important; } #footer_bg .fa-twitter.icon-social { background: #5bceff; } #footer_bg .fa-twitter.icon-social:hover { background: #8eddff; } #footer_bg .fa-linkedin.icon-social { background: #21a6d8; } #footer_bg .fa-linkedin.icon-social:hover { background: #49b9e3; } #footer_bg .fa-google-plus.icon-social { background: #dc422b; } #footer_bg .fa-google-plus.icon-social:hover { background: #e36957; } #footer_bg .fa-pinterest-p.icon-social { background: #cb2027; } #footer_bg .fa-pinterest-p.icon-social:hover { background: #e03e44; } #footer_bg .fa-youtube.icon-social { background: #ce332d; } #footer_bg .fa-youtube.icon-social:hover { background: #da5954; } #footer_bg .fa-instagram.icon-social { background: #f15e5e; } #footer_bg .fa-instagram.icon-social:hover { background: #e83e58; } #footer_bg .fa-snapchat-ghost.icon-social { background: #ffc91b; } #footer_bg .fa-snapchat-ghost.icon-social:hover { background: #cca116; } </style> </footer> <style> a#top { display: none; width: 7px; height: 17px; padding: 5px; position: fixed; bottom: 100px; right: 61px; z-index: 10; color: #fff; background: transparent; font-size: 14px; font-weight: 300; } a#top .fa { background-image: radial-gradient(at center, #FFFFFF 50%, transparent 50%); } .na_widget_link { cursor: pointer; } .dropdown-toggle.mainlink_a.has-submenu:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } /* neeed to prevent scroll to the right when scrollbars are visible / .dropdown-menu .inner.open { overflow-y: overlay !important; } / prevent left-right scrolling? - Abby / body {overflow-x: hidden} </style> <script> $(document).ready(function(){ var toper = $('a#top'); $(window).scroll(function(){ if ($(this).scrollTop() > 100) { toper.fadeIn( 200 ); } else { toper.fadeOut( 200 ); } }); toper.click(function(){ $('html, body').animate({scrollTop:0}, 500); return false; }); $('.na_widget_link').click(function(){ var URL_location = $(this).data("link"); if (URL_location != '') { window.location = URL_location; } }); }); </script> <script> $(document).ready(function(){ /this code will give every image on the viewed page that has an empty alt tag, a unique alt tag/ imageAmount = 0; $(document).find('img').each(function(){ if (this.alt.trim() == ''){ if ($( this ).hasClass( "gabbartHSS" )) { } else { this.alt = 'website picture'+imageAmount; } } imageAmount++; }) selectSerchBoxes=0; $(".prev").append('<span style="display:none;">Prev</span>'); $(".next").append('<span style="display:none;">Next</span>'); }); </script> </div> </body> </html> <script> function IsJsonString(str) { try { JSON.parse(str); } catch (e) { return false; } return true; } function quickLinksTabbing(element, itemID, links_array) { let id = $(element).attr('id'); let group_num = id.split('_'); group_num = group_num[4]; let cal_width = 1200; if (IsJsonString(links_array)) { links_array = JSON.parse(links_array); cal_width = (1200 (Math.ceil(links_array[0]/12))); } $(`.wrapper_${itemID}`).css('width',`${cal_width}px`); let active_ele = ''; $(`[id=quick_links_header_${itemID}]`).each((i,e) => { if ($(e).parent().hasClass('prev')) { active_ele = $(e).attr('id'); } }); let active_group_num = active_ele.split('_'); active_group_num = active_group_num[4]; $(`.group_${itemID}_${active_group_num}`).hide(); $(`.group_${itemID}_${group_num}`).show(); $(`#${active_ele}`).parent().removeClass('active'); $(`#${active_ele}`).parent().removeClass('prev'); $(element).parent().addClass('active'); $(element).parent().addClass('prev'); resizeQuickLinks(itemID); } function resizeQuickLinks(itemID, sidebars, group_num) { let ckeditor_height = $(`#quick_links_ckeditor_${itemID}`).outerHeight(); let width_window = $(window).width(); if (width_window > 1200) { if (sidebars == '1') { let cards_num = $(`.group_${itemID}_${group_num} .card`).length; var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))170)+ckeditor_height; $(`#stack_content_${itemID}`).css('margin-bottom',`25px`); } else { var total_height = 600+ckeditor_height; } $(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`); $(`.slide`).css('height',`auto`); } else if (width_window <= 1200 && width_window > 990) { if (sidebars == '1') { let cards_num = $(`.group_${itemID}_${group_num} .card`).length; var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))170)+ckeditor_height; $(`#stack_content_${itemID}`).css('margin-bottom',`25px`); } else { var total_height = 750+ckeditor_height; } $(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`); $(`.slide`).css('height',`auto`); } else if (width_window <= 990 && width_window > 450) { let cards_num = $(`.group_${itemID}_${group_num} .card`).length; var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))170)+ckeditor_height; $(`#stack_content_${itemID}`).css('margin-bottom',`25px`); $(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`); $(`.slide`).css('height',`auto`); } else if (width_window <= 450) { let cards_num = $(`.group_${itemID}_${group_num} .card`).length; var total_height = (Math.ceil((cards_num > 12 ? 12 : cards_num))170)+ckeditor_height; $(`#stack_content_${itemID}`).css('margin-bottom',`25px`); $(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`); $(`.slide`).css('height',`auto`); } } function submit_recap(id_attr, form_id) { grecaptcha.execute("6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP", {action: "homepage"}).then(function(token) { $("#"+id_attr).val(token); if (token != "") { $("#"+form_id).submit(); } else { // do something } }); } $(function() { var $body = $(document); $body.bind('scroll', function() { // "Disable" the horizontal scroll. if ($body.scrollLeft() !== 0) { $body.scrollLeft(0); } }); }); </script> <style> html, body { max-width: 100% !important; / commenting out because possibly creating a 2nd scroll bar / / overflow-x: hidden !important; */ } </style>