{"id":139,"date":"2024-07-17T19:24:06","date_gmt":"2024-07-17T19:24:06","guid":{"rendered":"https:\/\/wimtachdev.centennialcollege.ca\/?page_id=139"},"modified":"2024-12-06T17:38:42","modified_gmt":"2024-12-06T17:38:42","slug":"student-opportunities","status":"publish","type":"page","link":"https:\/\/wimtach.centennialcollege.ca\/?page_id=139","title":{"rendered":"Student Opportunities"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull ticss-4eb8302c has-small-font-size\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#433f3c\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1262\" height=\"577\" class=\"wp-block-cover__image-background wp-image-7173\" alt=\"\" src=\"https:\/\/wimtachdev.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/Customized-Workshop-Header2-1-1.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/Customized-Workshop-Header2-1-1.jpg 1262w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/Customized-Workshop-Header2-1-1-300x137.jpg 300w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/Customized-Workshop-Header2-1-1-1024x468.jpg 1024w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/Customized-Workshop-Header2-1-1-768x351.jpg 768w\" sizes=\"auto, (max-width: 1262px) 100vw, 1262px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center ticss-075befab has-open-sans-font-family has-xx-large-font-size\">Student Opportunities<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns ticss-a79cb82c is-layout-flex wp-container-core-columns-is-layout-d74743eb wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column animated fadeIn is-layout-flow wp-container-core-column-is-layout-81f1c81f wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<p style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.86), 1.5rem);\">WIMTACH serves as a catalyst for and contributor to the growing ecosystem of digital health innovation by providing services to small to medium-sized businesses to carry out applied research projects while supporting the College\u2019s commitment to build powerful pathways to employment and build strategic partnerships with industry leaders to engage more students in paid research opportunities.<\/p>\n\n\n\n<p class=\"ticss-1bca3bba\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.86), 1.5rem);\">\u201cDiversity, equity and inclusion are fundamental to our mission to support the career and personal development of our students, and educate students for career success.\u201d<\/p>\n\n\n\n<div id=\"category-buttons\"><\/div>\n\n\n\n<div id=\"student-opportunity\"><\/div>\n<\/div>\n<\/div>\n\n\n<script>\nfunction load_events(category) {\n    jQuery.ajax({\n        url: '\/wp-admin\/admin-ajax.php',\n        type: 'POST',\n        data: {\n            action: 'load_category_posts_json',\n            category: category\n        },\n        success: function(response) {\n            jQuery('#student-opportunity').html('');\n            jQuery.each(response.posts, function(key, event) {\n              let item = `\n                  <div class=\"student-opportunity-item\" data-link=\"${event.url}\">\n                      <p class=\"label\">${ (event.subcategories[0]['slug'] == \"hackathon\") ? \"Event\" : \"Position Title\"}<\/p>\n                      <p class=\"title\">${event.title}<\/p>\n                      <div>\n                        <div>\n                          <p class=\"label\">Department<\/p>\n                          <p class=\"value\">${event.department}<\/p>\n                        <\/div>\n                        <div>\n                          <p class=\"label\">Location<\/p>\n                          <p class=\"value\">${event.location}<\/p>\n                        <\/div>\n                        <div>\n                          <p class=\"label\">${ (event.subcategories[0]['slug'] == \"hackathon\") ? \"Dates\" : \"Hours\"}<\/p>\n                          <p class=\"value\">${ (event.subcategories[0]['slug'] == \"hackathon\") ? event.event_date.replace(\/\\\\n\/g, '<br\/>') : event.hours }<\/p>\n                        <\/div>\n                      <\/div>\n                      <div>\n                        <div>\n                          <p class=\"label\">Posting Date<\/p>\n                          <p class=\"value\">${event.posting_date}<\/p>\n                        <\/div>\n                        <div>\n                          <p class=\"label\">Closing Date<\/p>\n                          <p class=\"value\">${event.closing_date}<\/p>\n                        <\/div>\n                      <\/div>\n                  <\/div>\n              `;\n              jQuery('#student-opportunity').append(item);\n            })\n            jQuery(document).on('click', '.student-opportunity-item', function() {\n                let link = jQuery(this).data('link');\n                if (link) {\n                    window.location.href = link;\n                }\n            });\n        },\n        error: function(error) {\n            console.log(error)\n            jQuery('#student-opportunity').html('<p>Error loading events<\/p>');\n        }\n    });\n}\n\nfunction load_category_buttons() {\n    jQuery('#category-buttons').html('');\n    jQuery('#category-buttons').append(`<button class=\"category-btn mr-1 mb-1\" data-category=\"studentopportunities\">All<\/button>`);\n    jQuery('#category-buttons').append(`<button class=\"category-btn mr-1 mb-1\" data-category=\"jobListing\">Job Listing<\/button>`);\n    jQuery('#category-buttons').append(`<button class=\"category-btn mr-1 mb-1\" data-category=\"hackathon\">Hackathon<\/button>`);\n    jQuery('#category-buttons button[data-category=\"studentopportunities\"]').addClass('active');\n    jQuery('#category-buttons button').click(function() {\n        jQuery('#category-buttons button').removeClass('active');\n        jQuery(this).addClass('active');\n        const category = jQuery(this).data('category');\n        load_events(category);\n    });\n}\njQuery(document).ready(function() {\n    load_category_buttons();\n    load_events('studentopportunities');\n})\n<\/script>\n\n<script>\nconst circles = [\n    { size: 200, top: 620, left: 50 },\n    { size: 200, top: 700, left: null, right: 50 },\n    { size: 120, top: 780, left: 120 }\n];\n\nfunction createCircles() {\n    const windowWidth = window.innerWidth;\n    const originalWidth = 1440; \/\/ Define the original screen width where the sizes were designed for\n    \n    circles.forEach(circle => {\n        const div = document.createElement('div');\n        div.className = 'circle';\n        div.style.backgroundColor = 'rgb(210, 222, 56)';\n        \n        \/\/ Scale the size based on the window width\n        const newSize = (circle.size \/ originalWidth) * windowWidth;\n        \n        div.style.width = `${newSize}px`;\n        div.style.height = `${newSize}px`;\n        div.style.position = 'absolute';\n        div.style.top = `${circle.top}px`;\n        div.style.left = (circle.left) ? `${circle.left}px` : undefined;\n        div.style.right = (circle.right) ? `${circle.right}px` : undefined;\n        div.style.borderRadius = '50%';\n        div.style.opacity = '0.3'; \n        div.style.zIndex = '-1';\n        document.body.appendChild(div);\n    });\n}\n\nfunction updateCircleSizes() {\n    const windowWidth = window.innerWidth;\n    const originalWidth = 1440; \/\/ Define the original screen width where the sizes were designed for\n    \n    const circlesDivs = document.querySelectorAll('.circle');\n    \n    circlesDivs.forEach((div, index) => {\n        \/\/ Scale the size based on the window width\n        const newSize = (circles[index].size \/ originalWidth) * windowWidth;\n        \n        div.style.width = `${newSize}px`;\n        div.style.height = `${newSize}px`;\n    });\n}\n\n\/\/ Create circles on page load\nwindow.addEventListener('load', createCircles);\n\n\/\/ Update circle sizes on window resize\nwindow.addEventListener('resize', updateCircleSizes);\n<\/script>","protected":false},"excerpt":{"rendered":"<p>WIMTACH serves as a catalyst for and contributor to the growing ecosystem of digital health innovation by providing services to small to medium-sized businesses to carry out applied research projects while supporting the College\u2019s commitment to build powerful pathways to employment and build strategic partnerships with industry leaders to engage more students in paid research [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=139"}],"version-history":[{"count":139,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":12585,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions\/12585"}],"wp:attachment":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}