{"id":36,"date":"2021-12-16T12:19:55","date_gmt":"2021-12-16T12:19:55","guid":{"rendered":"https:\/\/rc-oli.ecampusontario.ca\/home\/"},"modified":"2026-02-17T14:22:45","modified_gmt":"2026-02-17T19:22:45","slug":"home","status":"publish","type":"page","link":"https:\/\/openlibrary.ecampusontario.ca\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"main-hero\" id=\"main-hero\">\n\t<div class=\"container\">\n\t\t<h1>Bienvenue \u00e0 la Biblioth\u00e8que libre!<\/h1>\n\t\t<h2>Le portail de ressources \u00e9ducatives gratuites, ouvertes et adaptables en Ontario<\/h2>\n\t\t\t<form class=\"vls-search\" action=\"https:\/\/search.ecampusontario.ca\/unified-search-front\/?itemTypes=6&#038;itemTypes=12&#038;sortCol=1\" method=\"POST\" onsubmit=\"return vlsSearchSubmit()\">\n\t\t\t<div class=\"search-icon\">\n\t\t      <svg viewBox=\"0 0 56 56\" aria-label=\"search\"><path _ngcontent-ng-cli-universal-c2=\"\" d=\"M40 35.2h-2.5l-.9-.9c3.2-3.8 5-8.6 5-13.5C41.6 9.3 32.3 0 20.8 0S0 9.3 0 20.8s9.3 20.8 20.8 20.8c5.2 0 9.9-1.9 13.5-5l.9.9V40l16 16 4.8-4.8-16-16zm-19.2 0c-8 0-14.4-6.4-14.4-14.4S12.8 6.4 20.8 6.4s14.4 6.4 14.4 14.4-6.4 14.4-14.4 14.4z\"><\/path><\/svg>\n\t\t    <\/div>\n\t\t\t<input type=\"search\" name=\"k\" id=\"search-input\" class=\"form-control\" placeholder=\"Rechercher ressources...\" value=\"\">\n\t\t        \n\t\t\t<button type=\"submit\" class=\"btn btn-primary\"  >Recherche<\/button>\n\t\t\t<\/form>\n    <script>window.lang = 'fr'<\/script><script>window.blockType = 'inline-search'<\/script><script>window.settingsData = {\"search_result_url\":\"https:\\\/\\\/search.ecampusontario.ca\\\/unified-search-front\\\/?itemTypes=6&itemTypes=12&sortCol=1\",\"placeholder\":\"Rechercher ressources...\",\"search_button\":\"true\"}<\/script>\n<script type=\"text\/javascript\">\n\tfunction vlsSearchSubmit() {\n\t\tvar search_input = document.getElementById(\"search-input\").value;\n\t\twindow.location = \"https:\/\/search.ecampusontario.ca\/?itemTypes=6&itemTypes=12&sortCol=1&k=\" + search_input;\n\t\treturn false;\n    }\n<\/script>\t\t<p><a href=\"https:\/\/search.ecampusontario.ca\/unified-search-front\/?itemTypes=6&amp;itemTypes=12&amp;sortCol=2\">\n\t\t\tOu consultez toutes les ressources p\u00e9dagogiques\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n\t\t\t\t<path d=\"M0 0h24v24H0z\" fill=\"none\"\/>\n\t\t\t\t<path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/a>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"ol-resources-container\">\n\t\t<div class=\"flex-container\">\n\t\t\t<div class=\"icon\"><img decoding=\"async\" src=\"https:\/\/openlibrary.ecampusontario.ca\/wp-content\/themes\/eco-openlibrary-portal\/images\/ol-book-icon.png\" alt=\"\"><\/div>\n\t\t\t<div class=\"txt\"><span class=\"header-count\" data-number=\"1977\"><\/span> ressources dans la Biblioth\u00e8que libre<\/div>\n            <div class=\"txt\"><span class=\"header-count\" data-number=\"6988\"><\/span> activit\u00e9s dans le Studio H5P<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>\n<script type=\"text\/javascript\">\n  $(document).ready(function(){\n        $(\".header-count\").each(function () {\n            var $this = $(this),\n                countTo = $this.data(\"number\");\n            $({\n                countNum: $this.text()\n            }).animate(\n                {\n                    countNum: countTo\n                },\n\n                {\n                    duration: 1550,\n                    easing: \"swing\",\n                    step: function () {\n                        \/\/$this.text(this.countNum);\n                        $this.text(\n                          Math.ceil(this.countNum).toLocaleString(\"en\")\n                        );\n                    },\n                    complete: function () {\n                    \/\/$this.text(this.countNum);\n                        $this.text(\n                          Math.ceil(this.countNum).toLocaleString(\"en\")\n                        );\n                        \/\/alert('finished');\n                    }\n                }\n            );\n        });\n});\n\n<\/script>\n<div id=\"overlay\" class=\"overlay\" tabindex=\"-1\" aria-hidden=\"true\"><\/div>\n\n<div id=\"panel\" class=\"slide-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"panelTitle\" aria-hidden=\"true\"\n     tabindex=\"-1\">\n    <button class=\"close-btn\" aria-label=\"Close panel\">\u00d7<\/button>\n    <h3 id=\"panelTitle\">Open Ed Navigator<\/h3>\n\n    <div style=\"border: 1px solid #1d1835; border-radius: 12px; overflow: hidden; width: 100%; max-width: 600px; margin: auto; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-family: 'Roboto','Segoe UI', sans-serif;\">\n        <div style=\"background-color: #1d1835; height: 50px; display: flex; align-items: center; padding: 0 16px;\">\n            <img decoding=\"async\" src=\"https:\/\/ecampusontario.ca\/wp-content\/themes\/ecampusontario\/images\/ecampus-logo.svg?v=1\" alt=\"\" style=\"height: 30px;\">\n        <\/div>\n        <div id=\"webchat\" role=\"main\" aria-label=\"eCampusOntario OER Chatbot\" style=\"height: 580px;\"><\/div>\n        <div style=\"background-color: #1d1835; height: 6px;\"><\/div>\n    <\/div>\n\n    <div class=\"ai-prompts\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.botframework.com\/botframework-webchat\/latest\/webchat.js\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\"><\/script>\n\n<script>\n    (async function () {\n        const styleOptions = {\n            botAvatarImage: 'https:\/\/ecampusontario.ca\/wp-content\/uploads\/2020\/08\/ecampus-logo-transparent.png',\n            botAvatarInitials: '',\n            hideUserAvatar: true,\n            bubbleBackground: '#fff7e6',\n            bubbleTextColor: '#1d1835',\n            bubbleFromUserBackground: '#fab000',\n            bubbleContentPadding: 20,\n            bubbleFromUserContentPadding: 20,\n            bubbleFromUserTextColor: '#1d1835',\n            bubbleBorderRadius: 12,\n            bubbleFromUserMargin: 20,\n            bubbleMargin: 20,\n            bubbleFromUserBorderRadius: 12,\n            hideUploadButton: true,\n            sendBoxButtonColor: '#1d1835',\n            sendBoxButtonBackground: '#fab000',\n            sendBoxButtonBackgroundOnHover: '#fab000',\n            sendBoxButtonBackgroundOnFocus: '#fab000',\n            sendBoxTextWrap: true,\n            sendBoxButton: {\n                padding: '8px',\n                borderRadius: '50%',\n                backgroundColor: '#fab000',\n                iconColor: '#1d1835'\n            },\n            primaryFont: \"'Segoe UI', sans-serif\"\n        };\n\n        const tokenEndpointURL = new URL('https:\/\/27f3e5a544f1e57f8a2feedcf4278a.f2.environment.api.powerplatform.com\/powervirtualagents\/botsbyschema\/cr8c1_oerFinder\/directline\/token?api-version=2022-03-01-preview');\n\n        const langAttr = document.documentElement.lang || 'en';\n        const locale = langAttr.split('-')[0];\n\n        const apiVersion = tokenEndpointURL.searchParams.get('api-version');\n        const store = WebChat.createStore({}, ({ dispatch }) => next => action => {\n            if (action.type === 'DIRECT_LINE\/CONNECT_FULFILLED') {\n                dispatch({\n                    type: \"WEB_CHAT\/SEND_EVENT\",\n                    payload: {\n                        name: \"pvaSetContext\",\n                        value: {\n                            UserLang: locale\n                        }\n                    },\n                });\n            }\n            return next(action);\n        });\n\n        const [directLineURL, token] = await Promise.all([\n            fetch(new URL(`\/powervirtualagents\/regionalchannelsettings?api-version=${apiVersion}`, tokenEndpointURL))\n                .then(response => {\n                    if (!response.ok) throw new Error('Failed to retrieve regional channel settings.');\n                    return response.json();\n                })\n                .then(({ channelUrlsById: { directline } }) => directline),\n            fetch(tokenEndpointURL)\n                .then(response => {\n                    if (!response.ok) throw new Error('Failed to retrieve Direct Line token.');\n                    return response.json();\n                })\n                .then(({ token }) => token)\n        ]);\n\n        const directLine = WebChat.createDirectLine({ domain: new URL('v3\/directline', directLineURL), token });\n\n        window.directLineInstance = directLine;\n\n        window.sendPrompt = function (text) {\n            if (window.directLineInstance) {\n                window.directLineInstance.postActivity({\n                    type: 'message',\n                    from: { id: 'user' },\n                    text: text\n                }).subscribe();\n            }\n        };\n\n        const subscription = directLine.connectionStatus$.subscribe({\n            next(value) {\n                if (value === 2) {\n                    directLine.postActivity({\n                        localTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n                        locale,\n                        name: 'startConversation',\n                        type: 'event'\n                    }).subscribe();\n                    subscription.unsubscribe();\n                }\n            }\n        });\n\n        WebChat.renderWebChat({ directLine, locale, styleOptions }, document.getElementById('webchat'));\n    })();\n<\/script>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const panel = document.getElementById(\"panel\");\n        const overlay = document.getElementById(\"overlay\");\n\n        \/\/ Language detection (only once)\n        const langAttr = document.documentElement.lang || 'en';\n        const locale = langAttr.split('-')[0];\n        const isFrench = locale === 'fr';\n\n        function closePanel() {\n            panel.classList.remove(\"open\");\n\n            \/\/ Hide visually\n            panel.style.display = \"none\";\n            overlay.style.display = \"none\";\n\n            \/\/ Hide from screen readers\n            panel.setAttribute(\"aria-hidden\", \"true\");\n            overlay.setAttribute(\"aria-hidden\", \"true\");\n\n            \/\/ Remove from tab order\n            panel.setAttribute(\"tabindex\", \"-1\");\n            overlay.setAttribute(\"tabindex\", \"-1\");\n        }\n\n        function openPanel() {\n            panel.classList.add(\"open\");\n\n            \/\/ Show visually\n            panel.style.display = \"block\";\n            overlay.style.display = \"block\";\n\n            \/\/ Make accessible\n            panel.setAttribute(\"aria-hidden\", \"false\");\n            overlay.setAttribute(\"aria-hidden\", \"false\");\n\n            \/\/ Add to tab order\n            panel.setAttribute(\"tabindex\", \"0\");\n            overlay.setAttribute(\"tabindex\", \"0\");\n\n            \/\/ Move focus to panel\n            panel.focus();\n            trapFocus(panel);\n        }\n\n        \/\/ Attach close events\n        document.addEventListener(\"click\", function (e) {\n            if (e.target.matches(\".close-btn\") || e.target.matches(\"#overlay\")) {\n                closePanel();\n            }\n        });\n\n        document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n                closePanel();\n            }\n        });\n\n        \/\/ Inject localized prompt buttons\n        const promptContainer = document.querySelector(\".ai-prompts\");\n        if (promptContainer) {\n            promptContainer.innerHTML = \"\";\n\n            const prompts = isFrench\n                ? [\n                    { text: \"Veuillez trouver 3\u202fREL sur la biologie.\", prompt: \"Veuillez trouver 3\u202fREL sur la biologie.\" },\n                    { text: \"Comment puis-je me cr\u00e9er un compte dans le Studio H5P d\u2019eCampusOntario? \", prompt: \"Comment puis-je me cr\u00e9er un compte dans le Studio H5P d\u2019eCampusOntario? \" },\n                    { text: \"Comment puis-je cloner une ressource de Pressbooks? \", prompt: \"Comment puis-je cloner une ressource de Pressbooks? \" }\n                ]\n                : [\n                    { text: \"Find me 3 OER related to biology. \", prompt: \"Find me 3 OER related to biology. \" },\n                    { text: \"How do I make an eCampusOntario H5P Studio account? \", prompt: \"How do I make an eCampusOntario H5P Studio account? \" },\n                    { text: \"How do I clone a Pressbook? \", prompt: \"How do I clone a Pressbook? \" }\n                ];\n\n            prompts.forEach(({ text, prompt }) => {\n                const btn = document.createElement(\"button\");\n                btn.textContent = text;\n                btn.onclick = () => sendPrompt(prompt);\n                promptContainer.appendChild(btn);\n            });\n        }\n\n        \/\/ Inject View Details button next to search button\n        const searchForm = document.querySelector(\".vls-search\");\n        if (searchForm) {\n            const searchButton = searchForm.querySelector(\"button[type='submit']\");\n\n            const viewDetailsBtn = document.createElement(\"button\");\n            viewDetailsBtn.type = \"button\";\n            viewDetailsBtn.id = \"viewDetailsBtn\";\n            viewDetailsBtn.className = \"btn btn-primary btn-ai-popup\";\n            viewDetailsBtn.setAttribute(\"aria-haspopup\", \"dialog\");\n            viewDetailsBtn.setAttribute(\"aria-controls\", \"panel\");\n\n            const buttonLabel = isFrench ? \"Demander \u00e0 l'IA\" : \"Ask AI\";\n\n            viewDetailsBtn.innerHTML = `\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-right: 8px;\">\n                  <polygon points=\"50,10 60,40 90,50 60,60 50,90 40,60 10,50 40,40\" fill=\"white\" \/>\n                  <polygon points=\"80,20 83,30 90,33 83,36 80,45 77,36 70,33 77,30\" fill=\"white\" \/>\n                  <polygon points=\"70,70 75,80 85,83 75,86 70,95 65,86 55,83 65,80\" fill=\"white\" \/>\n                <\/svg>\n                ${buttonLabel}\n            `;\n\n            searchButton.parentNode.insertBefore(viewDetailsBtn, searchButton.nextSibling);\n            viewDetailsBtn.addEventListener(\"click\", openPanel);\n        }\n        \n        function trapFocus(element) {\n  const focusableSelectors = [\n    'a[href]',\n    'area[href]',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'iframe',\n    'object',\n    'embed',\n    '[tabindex]:not([tabindex=\"-1\"])',\n    '[contenteditable]'\n  ];\n  const focusableElements = element.querySelectorAll(focusableSelectors.join(','));\n  const firstEl = focusableElements[0];\n  const lastEl = focusableElements[focusableElements.length - 1];\n\n  element.addEventListener('keydown', function (e) {\n    const isTabPressed = (e.key === 'Tab' || e.keyCode === 9);\n    if (!isTabPressed) return;\n\n    if (e.shiftKey) {\n      if (document.activeElement === firstEl) {\n        e.preventDefault();\n        lastEl.focus();\n      }\n    } else {\n      if (document.activeElement === lastEl) {\n        e.preventDefault();\n        firstEl.focus();\n      }\n    }\n  });\n}\n\n    });\n<\/script>\n\n<style>\n.ai-prompts button:focus-visible {\n  outline: 2px solid #1e1a34;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n{}\n    .webchat__keyboard-help__section header {\n        position: relative !important;\n    }\n\n    .btn-ai-popup {\n        background-color: #205C69;\n        \n        border: none !important;\n    }\n\n    .ai-prompts {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .ai-prompts button {\n        border: 1px solid #000;\n        width: 100%;\n        padding: 10px;\n        border-radius: 5px;\n        margin: 10px;\n    }\n\n    .ai-prompts button:hover {\n        background-color: #F1B434;\n        cursor: pointer;\n    }\n\t .overlay {\n        display: none;\n        position: fixed;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.6);\n        z-index: 9998;\n    }\n\n    .slide-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 40rem;\n  height: 100%;\n  background: white;\n  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);\n  transform: translateX(100%);\n  transition: transform 0.4s ease;\n  z-index: 9999;\n  padding: 20px;\n  overflow-y: hidden;\n  visibility: hidden;\n  opacity: 0;\n}\n\n.slide-panel.open {\n  transform: translateX(0);\n  visibility: visible;\n  opacity: 1;\n}\n\n\n    @media only screen and (max-width: 991px) {\n        .slide-panel {\n            width: 92vw;\n        }\n    }\n\n    .slide-panel.open {\n        right: 0;\n    }\n\n    .close-btn {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        font-size: 28px;\n        padding: 10px;\n        cursor: pointer;\n        background: none;\n        border: none;\n        color: #1E1A34;\n    }\n\n    .close-btn:focus {\n        outline: 2px solid #fab000;\n        outline-offset: 2px;\n    }\n    .webchat__imageAvatar__image img{height:45px !important;}\n    .webchat__imageAvatar__image { background-color:white !important;}\n    #webchat{height:53vh !important;}\n   #viewDetailsBtn {\n   width:auto !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px; \/* space between icon and text *\/\n  padding: 8px 16px;\n  font-size: 16px;\n  border-radius: 8px;\n  white-space: nowrap; \/* prevents wrapping *\/\n}\n\n#viewDetailsBtn svg {\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n}\n<\/style>\n\n\n<section class=\"about-info-section\">\n  <div class=\"row\">\n    <div class=\"four columns\">\n      <div class=\"container\">\n        <div class=\"img-container\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/openlibrary.ecampusontario.ca\/wp-content\/themes\/eco-openlibrary-portal\/images\/customize-icon.png\" alt=\"\">\n          <h3>Adapter<\/h3>\n          <p><p>Saviez-vous que les ressources \u00e9ducatives libres peuvent \u00eatre adapt\u00e9es \u00e0 vos besoins ou \u00e0 ceux de vos \u00e9tudiant\u00b7es? Apprenez \u00e0 personnaliser une REL pour votre cours.<\/p>\n<\/p>\n        <\/div>\n        <a href=\"https:\/\/openlibrary.ecampusontario.ca\/fr\/adapter\/\"\n           class=\"btn btn-secondary\"\n           aria-label=\"Commencez \u00e0 apprendre comment personnaliser les OER pour votre cours\">\n           Commencez        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"four columns\">\n      <div class=\"container\">\n        <div class=\"img-container\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/openlibrary.ecampusontario.ca\/wp-content\/themes\/eco-openlibrary-portal\/images\/create-icon.png\" alt=\"\">\n          <h3>Cr\u00e9er<\/h3>\n          <p><p>Il existe de nombreux outils pour cr\u00e9er des REL. Commencez avec Pressbooks ou explorez d\u2019autres options pour cr\u00e9er une ressource pour la Biblioth\u00e8que libre.<\/p>\n<\/p>\n        <\/div>\n        <a href=\"https:\/\/openlibrary.ecampusontario.ca\/fr\/creer\/\"\n           class=\"btn btn-secondary\"\n           aria-label=\"En savoir plus sur la cr\u00e9ation de OER avec Pressbooks ou d\u2019autres outils\">\n           Pour en savoir plus        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"four columns\">\n      <div class=\"container\">\n        <div class=\"img-container\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/openlibrary.ecampusontario.ca\/wp-content\/themes\/eco-openlibrary-portal\/images\/review-icon.png\" alt=\"\">\n          <h3>\u00c9valuer<\/h3>\n          <p><p>\u00cates-vous un\u00b7e sp\u00e9cialiste en la mati\u00e8re qualifi\u00e9\u00b7e? Pensez \u00e0 explorer et \u00e0 utiliser les REL en \u00e9valuant les ressources de notre collection.<\/p>\n<\/p>\n        <\/div>\n        <a href=\"https:\/\/openlibrary.ecampusontario.ca\/fr\/evaluer-une-rel\/\"\n           class=\"btn btn-secondary\"\n           aria-label=\"Inscrivez-vous pour \u00e9valuer et donner votre avis sur les OER\">\n           Inscrivez-vous        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"counter-section\" id=\"counter-widget\">\n  <!-- Accessibility motion control button -->\n  <button id=\"toggle-motion\" class=\"sr-only-focusable\" aria-pressed=\"false\">\n    Mettre en pause les effets d\u2019animation  <\/button>\n  <div class=\"row\">\n    <div class=\"three columns counter\">\n      <div class=\"counter-container\">\n        <div class=\"count-icon icon-1\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\n            <path d=\"M160 80C160 112.8 140.3 140.1 112 153.3V241.1C130.8 230.2 152.7 224 176 224H272C307.3 224 336 195.3 336 160V153.3C307.7 140.1 288 112.8 288 80C288 35.82 323.8 0 368 0C412.2 0 448 35.82 448 80C448 112.8 428.3 140.1 400 153.3V160C400 230.7 342.7 288 272 288H176C140.7 288 112 316.7 112 352V358.7C140.3 371 160 399.2 160 432C160 476.2 124.2 512 80 512C35.82 512 0 476.2 0 432C0 399.2 19.75 371 48 358.7V153.3C19.75 140.1 0 112.8 0 80C0 35.82 35.82 0 80 0C124.2 0 160 35.82 160 80V80zM80 104C93.25 104 104 93.25 104 80C104 66.75 93.25 56 80 56C66.75 56 56 66.75 56 80C56 93.25 66.75 104 80 104zM368 56C354.7 56 344 66.75 344 80C344 93.25 354.7 104 368 104C381.3 104 392 93.25 392 80C392 66.75 381.3 56 368 56zM80 456C93.25 456 104 445.3 104 432C104 418.7 93.25 408 80 408C66.75 408 56 418.7 56 432C56 445.3 66.75 456 80 456z\"\/>\n          <\/svg>\n        <\/div>\n        <div id=\"count1\" class=\"count\" data-number=\"1252\" aria-labelledby=\"count1-heading\"><\/div>\n      <\/div>\n      <div id=\"count1-heading\" class=\"count-heading\">Adoptions<\/div>\n    <\/div>\n    <div class=\"three columns counter\">\n      <div class=\"counter-container\">\n        <div class=\"count-icon icon-2\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" xml:space=\"preserve\">\n            <path d=\"m256 9.3-9.3 4.7L33.3 118.7l-12 6v36.7h469.3v-36.7l-12-6L265.3 14 256 9.3zm0 48 125.3 61.3H130.7L256 57.3zM64 182.7V396H42.7v42.7h426.7V396H448V182.7h-42.7V396h-42.7V182.7H320V396h-42.7V182.7h-42.7V396H192V182.7h-42.7V396h-42.7V182.7H64zM0 460v42.7h512V460H0z\"\/>\n          <\/svg>\n        <\/div>\n        <div id=\"count2\" class=\"count\" data-number=\"164\" aria-labelledby=\"count2-heading\"><\/div>\n      <\/div>\n      <div id=\"count2-heading\" class=\"count-heading\">\u00c9tablissements<\/div>\n    <\/div>\n    <div class=\"three columns counter\">\n      <div class=\"counter-container\">\n        <div class=\"count-icon icon-3\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\">\n            <path d=\"M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3c-95.73 0-173.3 77.6-173.3 173.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM479.1 320h-73.85C451.2 357.7 480 414.1 480 477.3C480 490.1 476.2 501.9 470 512h138C625.7 512 640 497.6 640 479.1C640 391.6 568.4 320 479.1 320zM432 256C493.9 256 544 205.9 544 144S493.9 32 432 32c-25.11 0-48.04 8.555-66.72 22.51C376.8 76.63 384 101.4 384 128c0 35.52-11.93 68.14-31.59 94.71C372.7 243.2 400.8 256 432 256z\"\/>\n          <\/svg>\n        <\/div>\n        <div id=\"count3\" class=\"count\" data-number=\" 426945\" aria-labelledby=\"count3-heading\"><\/div>\n      <\/div>\n      <div id=\"count3-heading\" class=\"count-heading\">Apprenant\u00b7es<\/div>\n    <\/div>\n    <div class=\"three columns counter\">\n      <div class=\"counter-container\">\n        <div class=\"count-icon icon-4\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\">\n            <path d=\"M160 0C177.7 0 192 14.33 192 32V67.68C193.6 67.89 195.1 68.12 196.7 68.35C207.3 69.93 238.9 75.02 251.9 78.31C268.1 82.65 279.4 100.1 275 117.2C270.7 134.3 253.3 144.7 236.1 140.4C226.8 137.1 198.5 133.3 187.3 131.7C155.2 126.9 127.7 129.3 108.8 136.5C90.52 143.5 82.93 153.4 80.92 164.5C78.98 175.2 80.45 181.3 82.21 185.1C84.1 189.1 87.79 193.6 95.14 198.5C111.4 209.2 136.2 216.4 168.4 225.1L171.2 225.9C199.6 233.6 234.4 243.1 260.2 260.2C274.3 269.6 287.6 282.3 295.8 299.9C304.1 317.7 305.9 337.7 302.1 358.1C295.1 397 268.1 422.4 236.4 435.6C222.8 441.2 207.8 444.8 192 446.6V480C192 497.7 177.7 512 160 512C142.3 512 128 497.7 128 480V445.1C127.6 445.1 127.1 444.1 126.7 444.9L126.5 444.9C102.2 441.1 62.07 430.6 35 418.6C18.85 411.4 11.58 392.5 18.76 376.3C25.94 360.2 44.85 352.9 60.1 360.1C81.9 369.4 116.3 378.5 136.2 381.6C168.2 386.4 194.5 383.6 212.3 376.4C229.2 369.5 236.9 359.5 239.1 347.5C241 336.8 239.6 330.7 237.8 326.9C235.9 322.9 232.2 318.4 224.9 313.5C208.6 302.8 183.8 295.6 151.6 286.9L148.8 286.1C120.4 278.4 85.58 268.9 59.76 251.8C45.65 242.4 32.43 229.7 24.22 212.1C15.89 194.3 14.08 174.3 17.95 153C25.03 114.1 53.05 89.29 85.96 76.73C98.98 71.76 113.1 68.49 128 66.73V32C128 14.33 142.3 0 160 0V0z\"\/>\n          <\/svg>\n        <\/div>\n        <div id=\"count4\" class=\"count\" data-number=\" 38778436\" aria-labelledby=\"count4-heading\"><\/div>\n      <\/div>\n      <div id=\"count4-heading\"  class=\"count-heading\">\u00c9conomies pour les \u00e9tudiant\u00b7es<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"row\">\n    <a class=\"twelve columns counter\"\n   href=\"\/impact\"\n   style=\"color: white; margin-top: 20px; text-align: center;\"\n   aria-label=\"View more statistics about adoptions, institutions, learners, and savings\">\n  Voir plus de statistiques<\/a>\n<\/div>\n<\/section>\n\n<script type=\"text\/javascript\">\n  let a = 0;\n  let motionEnabled = true;\n\t\n  \/\/ Localized strings from PHP\n  const motionTextPause = \"Mettre en pause les effets d\u2019animation\";\n  const motionTextEnable = \"Enable motion effects\";\n\n  \/\/ Detect system 'prefers-reduced-motion' setting\n  const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/\/ If user prefers reduced motion, disable animation entirely\n  if (prefersReducedMotion) {\n    $(document).ready(function() {\n      $(\".count\").each(function () {\n        const $this = $(this);\n        const countTo = $this.data(\"number\");\n        $this.text(Number(countTo).toLocaleString(\"en\"));\n      });\n    });\n  } else {\n    \/\/ Motion toggle button\n    $('#toggle-motion').on('click', function() {\n      motionEnabled = !motionEnabled;\n      $(this).attr('aria-pressed', !motionEnabled);\n      $(this).text(motionEnabled ? motionTextPause : motionTextEnable);\n    });\n\n    \/\/ Animate on scroll (only if motion enabled)\n    $(window).scroll(function () {\n      if (!motionEnabled) return;\n\n      const offset = $(\"#counter-widget\").offset();\n      const oTop = offset.top - window.innerHeight;\n      if (a == 0 && $(window).scrollTop() > oTop) {\n        $(\".count\").each(function () {\n          const $this = $(this);\n          const countTo = $this.data(\"number\");\n          $({ countNum: 0 }).animate(\n            { countNum: countTo },\n            {\n              duration: 1550,\n              easing: \"swing\",\n              step: function () {\n                $this.text(Math.ceil(this.countNum).toLocaleString(\"en\"));\n              },\n              complete: function () {\n                $this.text(Math.ceil(this.countNum).toLocaleString(\"en\"));\n              }\n            }\n          );\n        });\n        a = 1;\n      }\n    });\n  }\n<\/script>\n\n<section class=\"oer-info-section\">\n  <div class=\"row\">\n    <div class=\"four columns\">\n      <div class=\"container\">\n        <h3>Vous utilisez une REL?<\/h3>\n        <p><p>eCampusOntario fait le suivi des adoptions pour aider \u00e0 mesurer l\u2019impact des REL et \u00e0 mettre en relation le personnel enseignant qui les utilise et les personnes qui s\u2019y int\u00e9ressent. Si vous adoptez une REL de ce site ou d\u2019ailleurs, signalez-le nous!<\/p>\n<\/p>\n        <a href=\"https:\/\/openlibrary.ecampusontario.ca\/fr\/signaler-une-adoption\/\" class=\"btn btn-primary\">Signaler Une Utilisation<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"four columns\">\n      <div class=\"container\">\n        <h3>Connectez-vous<\/h3>\n        <p><p>Souhaitez-vous recevoir des mises \u00e0 jour de la Biblioth\u00e8que libre sur les actualit\u00e9s, les nouvelles ressources, les \u00e9v\u00e9nements et les initiatives en mati\u00e8re d\u2019\u00e9ducation ouverte? Ne manquez pas les actualit\u00e9s de la Biblioth\u00e8que libre en vous inscrivant \u00e0 nos communications!<\/p>\n<\/p>\n        <a href=\"https:\/\/go.ecampusontario.ca\/l\/847833\/2022-01-17\/9svrp\" class=\"btn btn-primary\">Contactez-nous<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template\/home.php","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":62,"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":47032,"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions\/47032"}],"wp:attachment":[{"href":"https:\/\/openlibrary.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}