1 2<!DOCTYPE html> 3<html lang="en" dir="ltr"> 4 <head> 5 6 <meta charset="utf-8" /> 7<style id="gutenberg-palette">:root { .has-camerise-purple-color{ color:#5B2B6B } .has-camerise-purple-background-color{ background-color:#5B2B6B } .has-camerise-purple-border-color{ border-color:#5B2B6B } .has-camerise-purple-light-color{ color:#8941A2 } .has-camerise-purple-light-background-color{ background-color:#8941A2 } .has-camerise-purple-light-border-color{ border-color:#8941A2 } .has-camerise-purple-dark-color{ color:#2C1534 } .has-camerise-purple-dark-background-color{ background-color:#2C1534 } .has-camerise-purple-dark-border-color{ border-color:#2C1534 } .has-camerise-teal-color{ color:#08B29F } .has-camerise-teal-background-color{ background-color:#08B29F } .has-camerise-teal-border-color{ border-color:#08B29F } .has-camerise-green-color{ color:#A5BA39 } .has-camerise-green-background-color{ background-color:#A5BA39 } .has-camerise-green-border-color{ border-color:#A5BA39 } .has-camerise-yellow-color{ color:#F7B519 } .has-camerise-yellow-background-color{ background-color:#F7B519 } .has-camerise-yellow-border-color{ border-color:#F7B519 } .has-white-color{ color:#ffffff } .has-white-background-color{ background-color:#ffffff } .has-white-border-color{ border-color:#ffffff } .has-off-white-color{ color:#FBFBFB } .has-off-white-background-color{ background-color:#FBFBFB } .has-off-white-border-color{ border-color:#FBFBFB } .has-black-color{ color:#000000 } .has-black-background-color{ background-color:#000000 } .has-black-border-color{ border-color:#000000 } .has-gray-color{ color:#6c757d } .has-gray-background-color{ background-color:#6c757d } .has-gray-border-color{ border-color:#6c757d } .has-gray-dark-color{ color:#343a40 } .has-gray-dark-background-color{ background-color:#343a40 } .has-gray-dark-border-color{ border-color:#343a40 } .has-gray-light-color{ color:#f8f9fa } .has-gray-light-background-color{ background-color:#f8f9fa } .has-gray-light-border-color{ border-color:#f8f9fa } .has-camerise-purple-color{ color:#5B2B6B } .has-camerise-purple-background-color{ background-color:#5B2B6B } .has-camerise-purple-border-color{ border-color:#5B2B6B } .has-camerise-purple-light-color{ color:#8941A2 } .has-camerise-purple-light-background-color{ background-color:#8941A2 } .has-camerise-purple-light-border-color{ border-color:#8941A2 } .has-camerise-purple-dark-color{ color:#2C1534 } .has-camerise-purple-dark-background-color{ background-color:#2C1534 } .has-camerise-purple-dark-border-color{ border-color:#2C1534 } .has-camerise-teal-color{ color:#08B29F } .has-camerise-teal-background-color{ background-color:#08B29F } .has-camerise-teal-border-color{ border-color:#08B29F } .has-camerise-green-color{ color:#A5BA39 } .has-camerise-green-background-color{ background-color:#A5BA39 } .has-camerise-green-border-color{ border-color:#A5BA39 } .has-camerise-yellow-color{ color:#F7B519 } .has-camerise-yellow-background-color{ background-color:#F7B519 } .has-camerise-yellow-border-color{ border-color:#F7B519 } .has-white-color{ color:#ffffff } .has-white-background-color{ background-color:#ffffff } .has-white-border-color{ border-color:#ffffff } .has-off-white-color{ color:#FBFBFB } .has-off-white-background-color{ background-color:#FBFBFB } .has-off-white-border-color{ border-color:#FBFBFB } .has-black-color{ color:#000000 } .has-black-background-color{ background-color:#000000 } .has-black-border-color{ border-color:#000000 } .has-gray-color{ color:#6c757d } .has-gray-background-color{ background-color:#6c757d } .has-gray-border-color{ border-color:#6c757d } .has-gray-dark-color{ color:#343a40 } .has-gray-dark-background-color{ background-color:#343a40 } .has-gray-dark-border-color{ border-color:#343a40 } .has-gray-light-color{ color:#f8f9fa } .has-gray-light-background-color{ background-color:#f8f9fa } .has-gray-light-border-color{ border-color:#f8f9fa } }</style> 8<style id="gutenberg-gradients">:root { .has-camerise-purple-to-teal-gradient-background{ background:linear-gradient(135deg, } .has-camerise-purple-to-green-gradient-background{ background:linear-gradient(135deg, } .has-camerise-teal-to-green-gradient-background{ background:linear-gradient(135deg, } .has-camerise-purple-dark-to-light-gradient-background{ background:linear-gradient(135deg, } }</style> 9<style id="gutenberg-font-sizes">:root { .has-small-font-size{ font-size:0.875rem } .has-normal-font-size{ font-size:1rem } .has-medium-font-size{ font-size:1.25rem } .has-large-font-size{ font-size:1.5rem } .has-xl-font-size{ font-size:2rem } .has-xxl-font-size{ font-size:2.5rem } }</style> 10<link rel="canonical" href="https://k12studio.ca/collections" /> 11<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 12<meta name="MobileOptimized" content="width" /> 13<meta name="HandheldFriendly" content="true" /> 14<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 15<link rel="icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" /> 16 17 <title>Collections Library | K12 Studio</title> 18 <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/core.css?tlvmg9" /> 19<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/controlgroup.css?tlvmg9" /> 20<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/checkboxradio.css?tlvmg9" /> 21<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/resizable.css?tlvmg9" /> 22<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/button.css?tlvmg9" /> 23<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/dialog.css?tlvmg9" /> 24<link rel="stylesheet" media="all" href="/core/misc/components/progress.module.css?tlvmg9" />
25<link rel="stylesheet" media="all" href="/core/misc/components/ajax-progress.module.css?tlvmg9" /> 26<link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?tlvmg9" /> 27<link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?tlvmg9" /> 28<link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?tlvmg9" /> 29<link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?tlvmg9" /> 30<link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?tlvmg9" /> 31<link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?tlvmg9" /> 32<link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?tlvmg9" /> 33<link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?tlvmg9" /> 34<link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?tlvmg9" /> 35<link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?tlvmg9" /> 36<link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?tlvmg9" /> 37<link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?tlvmg9" /> 38<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?tlvmg9" /> 39<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?tlvmg9" /> 40<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?tlvmg9" /> 41<link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?tlvmg9" /> 42<link rel="stylesheet" media="all" href="/modules/custom/collections/collection_display/css/collection-library.css?tlvmg9" /> 43<link rel="stylesheet" media="all" href="/core/modules/ckeditor5/css/ckeditor5.dialog.fix.css?tlvmg9" /> 44<link rel="stylesheet" media="all" href="/modules/contrib/toastify/css/toastify.css?tlvmg9" /> 45<link rel="stylesheet" media="all" href="/modules/contrib/file_uploader_up
45py/public/css/widget.css?tlvmg9" /> 46<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/theme.css?tlvmg9" /> 47<link rel="stylesheet" media="all" href="/modules/custom/hubs/modules/hub_create/css/hub-create.css?tlvmg9" /> 48<link rel="stylesheet" media="all" href="/modules/custom/uppy_overrides/css/uppy-overrides.css?tlvmg9" /> 49<link rel="stylesheet" media="all" href="/core/../themes/custom/camerisetheme/components/page-navigation/page-navigation.css?tlvmg9" /> 50<link rel="stylesheet" media="all" href="/themes/custom/camerisetheme/build/css/main.style.css?tlvmg9" /> 51 52
52<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"collections","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","themeUrl":"themes\/custom\/camerisetheme"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkfFuxCAIxl-o1kdqqFLLhmKEXs63n8tty25Nl_uHgL-P-AEBMjZStB0zerXOOAVhxmAkZYmklaF7prVB6wM19EFylYLFdA6_252rkNAFKTbgS9pNxLC9JC1wowSfrk7yBpHuzq0s4f0KboQcr-Buma8Y5fH7FRym_kErnEd7om5stVy6aph-po3tqMBzJGBJM7zBfUoiiXExSD6N8Ld-iPZjXUJDsK_j6qRdDbNfQXEyATXauv9Ozi9zRtWxAZ2OWvsiN2yNIqp_Lj8A6CvhQQ","theme":"camerisetheme","theme_token":null},"ajaxTrustedUrl":[],"gtag":{"tagId":"G-8L4QKLEVL8","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"toastify":{"settings":{"_core":{"default_config_hash":"QqSCnLWYoPn-n5CrYe9lifTgt4UX_sGp-6xVa9g5r1c"},"status":{"duration":20000,"color":"#67b99a","color2":"#14746f","colorProgressBar":"#0d514d","direction":"to right","gravity":"top","position":"center","close":true,"offsetX":0,"offsetY":0},"warning":{"duration":5000,"color":"#ffaa00","color2":"#ff6d00","colorProgressBar":"#b24c00","direction":"to right","gravity":"top","position":"right","close":false,"offsetX":0,"offsetY":0},"error":{"duration":5000,"color":"#e01e37","color2":"#a71e34","colorProgressBar":"#741424","direction":"to right","gravity":"top","position":"right","close":false,"offsetX":0,"offsetY":0},"enable_for":{"admin_theme":true,"frontend_theme":true}}},"user":{"uid":0,"permissionsHash":"03f04793238366ef502e483993adf9e5e8d1261c5918b282202a919d86e39c66"}}</script>
vendor: 1 bytes, line 52
52
53<script src="/core/misc/drupalSettingsLoader.js?v=10.5.6"></script>
vendor: 1 bytes, line 53
53
54<script src="/modules/contrib/google_tag/js/gtag.js?tlvmg9"></script>
54 55 56 57 </head> 58 <body data-component-id="radix:html" class="path-collections language--en"> 59 60 <a href="#main-content" class="visually-hidden focusable"> 61 Skip to main content 62 </a> 63 64 65 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 66 67 68<div class="page"> 69 70<header id="main-header" class="shadow-sm"> 71 72 73 74 75 76 77 78<nav data-bs-theme="light" class="navbar navbar-expand-lg justify-content-between"> 79 <div class="container"> 80 81 82 83<div data-component-id="radix:block" class="block block-system block-system-branding-block block--camerisetheme-branding block--system-branding"> 84 85 86 87 88 89 <a href="/" class="navbar-brand d-inline-flex align-items-center me-4" > 90 <div class="navbar-brand__logo"> 91 <img src="/themes/custom/camerisetheme/logo.svg" width="150px" alt="K12 Studio logo" /> 92 93 </div> 94 95 </a> 96 97 98</div> 99 100 101 102 <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> 103 <span class="navbar-toggler-icon"></span> 104 </button> 105 106 <div class="collapse navbar-collapse"> 107 <div class="me-auto"> 108 109 110 111<div data-component-id="radix:block" class="block block-system block-system-menu-blockmain block--camerisetheme-main-menu block--system-menu"> 112 113 114 115 116 <div class="block__content"> 117 118 119 120 <ul data-component-id="radix:nav" class="nav navbar-nav main-menu"> 121 <li class="nav-item"> 122 <a href="/resource-library" class="link-yellow nav-link" data-drupal-link-system-path="resource-library">Resources</a> 123 </li> 124 <li class="nav-item active"> 125 <a href="/collections" class="link-teal nav-link active is-active" data-drupal-link-system-path="collections" aria-current="page">Collections</a> 126 </li> 127 </ul> 128 129 </div> 130 131</div> 132 133 134 </div> 135 136 <div class="d-inline-flex gap-2 ms-auto"> 137 138 139 140<div class="block--type-basic block block-block-content block-block-content54b492d8-cf4c-49a8-b447-5c58f0fc8357 block--basic block--camerisetheme-searchbarmain-2" data-component-id="radix:block"> 141 142 143 144 145 <div class="block__content"> 146 147 148 149 <div data-component-id="radix:field" class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><form class="searchbar" role="search" method="get" action="/resource-library"> 150 <label class="visually-hidden" for="searchbar-input"> 151 Search 152 </label> 153 <div class="position-relative"> 154 <i class="bi bi-search position-absolute top-50 start-0 ps-2 translate-middle-y"></i> 155 <input 156 id="searchbar-input" 157 class="form-control rounded-pill bg-white ps-5" 158 type="search" 159 name="keys" 160 value="" 161 placeholder="Search resources..." 162 aria-label="Search resources" 163 /> 164 </div> 165</form></div> 166 167 </div> 168 169</div> 170 171 172 173<div class="block--type-basic block block-block-content block-block-contentd7a9c68e-1933-4f82-9697-15675b33e2aa block--basic block--camerisetheme-createandsharebuttonheader" data-component-id="radix:block"> 174 175 176 177 178 <div class="block__content"> 179 180 181 182 <div data-component-id="radix:field" class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><div class="me-2 for-member front-only nav-item"> 183<a href="/create" class="btn btn-save-later rounded-5 d-inline-flex gap-2 align-items-center bi bi-upload text-white bg-camerise-purple-light nav-link" data-drupal-link-system-path="node/7069">Create & Share</a> 184</div></div> 185 186 </div> 187 188</div> 189 190 191 192<div data-component-id="radix:block" class="block block-system block-system-menu-blockaccount block--camerisetheme-useraccountmenu-2 block--system-menu"> 193 194 195 196 197 <div class="block__content"> 198 199 200 201 <ul data-component-id="radix:nav" class="nav navbar-nav user-menu"> 202 <li class="nav-item"> 203 <a href="/user/login" class="nav-link" data-drupal-link-system-path="user/login">Login</a> 204 </li> 205 <li class="nav-item"> 206 <a href="/user/register" class="signup-button
206nav-link" data-drupal-link-system-path="user/register">Get Started</a> 207 </li> 208 </ul> 209 210 </div> 211 212</div> 213 214 215 </div> 216 </div> 217 </div> 218</nav> 219 220 <div class="container"> 221 </div> 222 </header> 223 224 225 226 227 228<main class="py-5"> 229 <header class="page__header"> 230 <div class="container mb-3"> 231 232 233 234 </div> 235 </header> 236 237 <div class="page__content" id="main-content"> 238 <div class="container"> 239 <div class="cl-library"> 240 241 <div class="cl-header"> 242 <div class="cl-header__left"> 243 <h1 class="cl-header__title">Collections Library</h1> 244 <span class="cl-header__count"> 245 7 results 246 </span> 247 </div> 248 249 <div class="cl-header__right dropdown"> 250 <span class="cl-header__sort-label">Sort by:</span> 251 <button class="cl-sort-btn dropdown-toggle" type="button" 252 data-bs-toggle="dropdown" aria-expanded="false"> 253 <strong>Newest</strong> 254 </button> 255 <ul class="dropdown-menu dropdown-menu-end"> 256 <li> 257 <a class="dropdown-item active" href="/collections?sort=newest"> 258 Newest 259 </a> 260 </li> 261 <li> 262 <a class="dropdown-item" href="/collections?sort=oldest"> 263 Oldest 264 </a> 265 </li> 266 <li> 267 <a class="dropdown-item" href="/collections?sort=title"> 268 Title (AâZ) 269 </a> 270 </li> 271 <li> 272 <a class="dropdown-item" href="/collections?sort=resources"> 273 Most resources 274 </a> 275 </li> 276 </ul> 277 </div> 278 </div> 279 280 <p class="cl-lede"> 281 A Collection is a curated list of resources created and managed by K-12 Studio members. 282 </p> 283 284 <hr class="cl-rule"> 285 286 <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 row-cols-xl-4 g-4"> 287 <div class="col"> 288 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 289 290 <div class="position-relative cl-card__media"> 291 292 293 294 <div data-component-id="radix:field" class="field field--name-field-thumbnail field--type-image field--label-hidden field--item"> 295 296 297 298<img loading="lazy" src="/sites/default/files/styles/medium/public/uploads/nodes/collection/2026-09/crosscurr.jpeg.webp?itok=LlzTsOY0" width="220" height="133" alt="" data-component-id="radix:image" class="img-fluid"> 299 300 301</div> 302 303 304 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 305 0 Resources 306 </span> 307 </div> 308 309 <div class="card-body p-4 d-flex flex-column"> 310 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 311 <a href="/collection/cross-curricular-materials/7499" class="stretched-link text-decoration-none cl-card__link"> 312 Cross-curricular materials 313 </a> 314 </h2> 315 316 <p class="card-text small text-secondary mb-2">Manie Musicale Collaborative</p> 317 318 319 <p class="card-text text-secondary mb-4 cl-card__summary">For connecting Manie to other subject areas.</p> 320 321 <span class="cl-card__cta mt-auto fw-semibold"> 322 Explore Now <span aria-hidden="true">â</span> 323 </span> 324 </div> 325 326 </div> 327 </div> 328 <div class="col"> 329 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 330 331 <div class="position-relative cl-card__media"> 332 333 334 335 <div data-component-id="radix:field" class="field field--name-field-thumbnail field--type-image field--label-hidden field--item"> 336 337 338 339<img loading="lazy" src="/sites/default/files/styles/medium/public/uploads/nodes/collection/2026-09/Screen%20Shot%202026-09-28%20at%208.14.11%20PM_0.png.webp?itok=OfmjRLI2" width="220" height="163" alt="" data-component-id="radix:image" class="img-fluid"> 340 341 342</div> 343 344
345 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 346 0 Resources 347 </span> 348 </div> 349 350 <div class="card-body p-4 d-flex flex-column"> 351 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 352 <a href="/collection/curriculum-assessment/7498" class="stretched-link text-decoration-none cl-card__link"> 353 Curriculum & assessment 354 </a> 355 </h2> 356 357 <p class="card-text small text-secondary mb-2">Manie Musicale Collaborative</p> 358 359 360 <p class="card-text text-secondary mb-4 cl-card__summary">To support Manie Musicale.</p> 361 362 <span class="cl-card__cta mt-auto fw-semibold"> 363 Explore Now <span aria-hidden="true">â</span> 364 </span> 365 </div> 366 367 </div> 368 </div> 369 <div class="col"> 370 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 371 372 <div class="position-relative cl-card__media"> 373 374 375 376 <div data-component-id="radix:field" class="field field--name-field-thumbnail field--type-image field--label-hidden field--item"> 377 378 379 380<img loading="lazy" src="/sites/default/files/styles/medium/public/uploads/nodes/collection/2026-09/Franco-Ontarian%20Flag_AdobeStock_89076957.jpeg.webp?itok=8PLIWEHY" width="220" height="112" alt="" data-component-id="radix:image" class="img-fluid"> 381 382 383</div> 384 385 386 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 387 5 Resources 388 </span> 389 </div> 390 391 <div class="card-body p-4 d-flex flex-column"> 392 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 393 <a href="/collection/journee-des-franco-ontariennes-et-franco-ontariens-le-25-septembre/7492" class="stretched-link text-decoration-none cl-card__link"> 394 Journée des Franco-Ontariennes et Franco-Ontariens - le 25 septembre 395 </a> 396 </h2> 397 398 <p class="card-text small text-secondary mb-2">Mirela Cherciov</p> 399 400 401 <p class="card-text text-secondary mb-4 cl-card__summary">Célébrons les contributions des Franco-Ontariennes et des Franco-Ontariens. Des ressources pour tous les niveaux.&nbsp;</p> 402 403 <span class="cl-card__cta mt-auto fw-semibold"> 404 Explore Now <span aria-hidden="true">â</span> 405 </span> 406 </div> 407 408 </div> 409 </div> 410 <div class="col"> 411 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 412 413 <div class="position-relative cl-card__media"> 414 <div class="cl-card__placeholder" aria-hidden="true"> 415 <i class="bi bi-collection"></i> 416 </div> 417 418 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 419 0 Resources 420 </span> 421 </div> 422 423 <div class="card-body p-4 d-flex flex-column"> 424 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 425 <a href="/collection/bulletin-board-materials-gen/7489" class="stretched-link text-decoration-none cl-card__link"> 426 Bulletin Board Materials (gen.) 427 </a> 428 </h2> 429 430 <p class="card-text small text-secondary mb-2">Manie Musicale Collaborative</p> 431 432 433 434 <span class="cl-card__cta mt-auto fw-semibold"> 435 Explore Now <span aria-hidden="true">â</span> 436 </span> 437 </div> 438 439 </div> 440 </div> 441 <div class="col"> 442 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 443 444 <div class="position-relative cl-card__media"> 445 <div class="cl-card__placeholder" aria-hidden="true"> 446 <i class="bi bi-collection"></i> 447 </div> 448
449 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 450 11 Resources 451 </span> 452 </div> 453 454 <div class="card-body p-4 d-flex flex-column"> 455 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 456 <a href="/collection/ressources-de-maths/7474" class="stretched-link text-decoration-none cl-card__link"> 457 Ressources de maths 458 </a> 459 </h2> 460 461 <p class="card-text small text-secondary mb-2">Milka Rakita</p> 462 463 464 <p class="card-text text-secondary mb-4 cl-card__summary">Ressources de 9e et 10e années</p> 465 466 <span class="cl-card__cta mt-auto fw-semibold"> 467 Explore Now <span aria-hidden="true">â</span> 468 </span> 469 </div> 470 471 </div> 472 </div> 473 <div class="col"> 474 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 475 476 <div class="position-relative cl-card__media"> 477 478 479 480 <div data-component-id="radix:field" class="field field--name-field-thumbnail field--type-image field--label-hidden field--item"> 481 482 483 484<img loading="lazy" src="/system/files/styles/medium/private/uploads/nodes/collection/2026-08/That%20French%20Teacher%20logo%20%283%29.png.webp?itok=w7q4jhOS" width="220" height="220" alt="" data-component-id="radix:image" class="img-fluid"> 485 486 487</div> 488 489 490 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 491 26 Resources 492 </span> 493 </div> 494 495 <div class="card-body p-4 d-flex flex-column"> 496 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 497 <a href="/node/7445" class="stretched-link text-decoration-none cl-card__link"> 498 That French Teacher 499 </a> 500 </h2> 501 502 <p class="card-text small text-secondary mb-2">Michelle Courville</p> 503 504 505 <p class="card-text text-secondary mb-4 cl-card__summary">Collection That French Teacher 95Cette collection offre des ressources prêtes à lâemploi pour lâimmersion française et le français de base, du primaire à lâintermédiaire. La collecâ¦</p> 506 507 <span class="cl-card__cta mt-auto fw-semibold"> 508 Explore Now <span aria-hidden="true">â</span> 509 </span> 510 </div> 511 512 </div> 513 </div> 514 <div class="col"> 515 <div class="card h-100 border-0 shadow-sm rounded-4 overflow-hidden cl-card"> 516 517 <div class="position-relative cl-card__media"> 518 <div class="cl-card__placeholder" aria-hidden="true"> 519 <i class="bi bi-collection"></i> 520 </div> 521 522 <span class="badge rounded-pill position-absolute top-0 end-0 m-3 px-3 py-2 fw-semibold cl-card__badge"> 523 0 Resources 524 </span> 525 </div> 526 527 <div class="card-body p-4 d-flex flex-column"> 528 <h2 class="card-title h6 fw-bold lh-sm mb-2"> 529 <a href="/collection/universal-music-projects/7393" class="stretched-link text-decoration-none cl-card__link"> 530 Universal Music Projects 531 </a> 532 </h2> 533 534 <p class="card-text small text-secondary mb-2">Manie Musicale Collaborative</p> 535 536 537 538 <span class="cl-card__cta mt-auto fw-semibold"> 539 Explore Now <span aria-hidden="true">â</span> 540 </span> 541 </div> 542 543 </div> 544 </div> 545 </div> 546 547</div> 548 549 550 </div> 551 </div> 552 553 </main> 554 555 556 <footer class="page__footer"> 557 <div class="container-fluid"> 558 559 560 561<div class="block--type-basic block block-block-content block-block-contentf79bcd72-b1cb-4db7-baae-365e99ac8553 block--basic block--camerisetheme-envokenewslettersignupform" data-component-id="radix:block"> 562 563 564 565 566 <div class="block__content"> 567 568 569 570 <div data-component-id="radix:field" class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><!-- Newsletter CTA Block (place directly above footer) --> 571<section class="py-4" style="background-color: #f5f3fa;"> 572 <div class="container"> 573 <div class="row align-items-center g-3"> 574 <div class="col-md-8 d-flex align-items-center gap-3"> 575 <div class="hub-icon-bubble rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 hub-icon-create"> 576 <i class="bi bi-envelope-heart" aria-hidden="true"></i> 577 </div> 578 <div> 579 <h6 class="fw-semibold mb-1">Sign up for the K-12 Studio monthly newsletter</h6> 580 <p class="text-muted mb-0 small"> 581 News and announcements about the platform, plus classroom resources for your FSL K-12 teaching. 582 </p> 583 </div> 584 </div> 585 <div class="col-md-4 text-md-end text-start"> 586 <button type="button" class="btn btn-camerise-purple fw-bold px-4" 587 data-bs-toggle="modal" data-bs-target="#newsletterModal"> 588 <i class="bi bi-envelope-fill me-1" aria-hidden="true"></i> Subscribe 589 </button> 590 </div> 591 </div> 592 </div> 593</section> 594 595<!-- Newsletter Modal --> 596<div class="modal fade" id="newsletterModal" tabindex="-1" aria-labelledby="newsletterModalLabel" aria-hidden="true"> 597 <div class="modal-dialog modal-dialog-centered">
598 <div class="modal-content rounded-4"> 599 <div class="modal-header border-0 pb-0"> 600 <h5 class="modal-title fw-semibold" id="newsletterModalLabel">Subscribe to the Newsletter</h5> 601 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 602 </div> 603 <div class="modal-body pt-2 pb-4 px-4"> 604 <!-- Embed Envoke Form --> 605 <div id="nvkEmbedd36b57ef263ac8612e869a98c271930f" class="nvkEmbed"></div> 606
606<script async src="https://e1.envoke.com/ext/embed/engagements/d36b57ef263ac8612e869a98c271930f.js"></script>
606 607 <!-- End Embed Envoke Form --> 608 </div> 609 </div> 610 </div> 611</div></div> 612 613 </div> 614 615</div> 616 617 618 619<div class="block--type-basic block block-block-content block-block-content4833eb76-df29-4006-9d4f-07fb03279a59 block--basic block--camerisetheme-mainfooter" data-component-id="radix:block"> 620 621 622 623 624 <div class="block__content"> 625 626 627 628 <div data-component-id="radix:field" class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><footer class="py-5 border-top bg-white"> 629 <div class="container"> 630 631 <div class="row gy-4"> 632 633 <!-- Brand / blurb --> 634 <div class="col-12 col-lg-4"> 635 <a href="/" class="d-inline-block mb-3 text-decoration-none"> 636 <img 637 src="/themes/custom/camerisetheme/logo.svg" 638 alt="K-12 Studio" 639 height="40" 640 class="img-fluid" 641 /> 642 </a> 643 644 <p class="text-secondary mb-0" style="max-width: 340px;"> 645 K-12 Studio is a free and open platform for creating and sharing education 646 resources for FSL. Learn about <a href="#" class="link-secondary">our story</a> for more details about our platform. 647 </p> 648 </div> 649 650 <!-- Links --> 651 <div class="col-6 col-lg-2"> 652 <h3 class="h6 fw-bold mb-3" style="color:#4b226b;">Resources</h3> 653 <ul class="list-unstyled d-grid gap-2 mb-0"> 654 <li><a class="text-secondary text-decoration-none" href="/resources">Browse All</a></li> 655 <li><a class="text-secondary text-decoration-none" href="/create">Upload</a></li> 656 <li><a class="text-secondary text-decoration-none" href="/collections">Collections</a></li> 657 </ul> 658 </div> 659 660 <div class="col-6 col-lg-2"> 661 <h3 class="h6 fw-bold mb-3" style="color:#4b226b;">Community</h3> 662 <ul class="list-unstyled d-grid gap-2 mb-0"> 663 <li><a class="text-secondary text-decoration-none" href="/hubs">Hubs & Groups</a></li> 664 </ul> 665 </div> 666 667 <div class="col-6 col-lg-2"> 668 <h3 class="h6 fw-bold mb-3" style="color:#4b226b;">Support</h3> 669 <ul class="list-unstyled d-grid gap-2 mb-0"> 670 <li><a class="text-secondary text-decoration-none" href="mailto:[email protected]">[email protected]</a></li> 671 </ul> 672 </div> 673 674 <div class="d-none d-lg-block col-lg-2"></div> 675 </div> 676 677 <hr class="my-4" /> 678 679 <!-- Funding banner --> 680 <div class="d-flex flex-column flex-sm-row align-items-center gap-3 mb-4"> 681 <small class="text-secondary me-sm-auto"> 682 Funded by Heritage Canada and the Ontario Ministry of Education. 683 </small> 684 <div class="d-flex align-items-center gap-4"> 685 <img src="/themes/custom/camerisetheme/build/assets/images/heritage.png" alt="Heritage Canada" height="65" /> 686 <img src="/themes/custom/camerisetheme/build/assets/images/ministry.png" alt="Ontario Ministry of Education" height="65" /> 687 </div> 688 </div> 689 690 691 <hr class="my-4" /> 692 693 <div class="d-flex flex-column flex-md-row gap-2 justify-content-between align-items-md-center"> 694 <small class="text-secondary"> 695 © 2026 K-12 Studio. All rights reserved. Built with love in Ontario. 696 </small> 697 <div class="d-flex gap-3"> 698 <a href="/privacy" class="text-secondary text-decoration-none small">Privacy</a> 699 <a href="/terms" class="text-secondary text-decoration-none small">Terms</a> 700 </div> 701 </div> 702 703 </div> 704</footer></div> 705 706 </div> 707 708</div> 709 710 711 </div> 712 </footer> 713 </div> 714 715 716 </div> 717 718 719 720
720<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script>
vendor: 1 bytes, line 720
720
721<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
vendor: 1 bytes, line 721
721
722<script src="/core/misc/drupal.js?v=10.5.6"></script>
vendor: 1 bytes, line 722
722
723<script src="/core/misc/drupal.init.js?v=10.5.6"></script>
vendor: 1 bytes, line 723
723
724<script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 724
724
725<script src="/core/assets/vendor/jquery.ui/ui/version-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 725
725
726<script src="/core/assets/vendor/jquery.ui/ui/data-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 726
726
727<script src="/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 727
727
728<script src="/core/assets/vendor/jquery.ui/ui/jquery-patch-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 728
728
729<script src="/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 729
729
730<script src="/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 730
730
731<script src="/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 731
731
732<script src="/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 732
732
733<script src="/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 733
733
734<script src="/core/assets/vendor/jquery.ui/ui/labels-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 734
734
735<script src="/core/assets/vendor/jquery.ui/ui/widgets/controlgroup-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 735
735
736<script src="/core/assets/vendor/jquery.ui/ui/form-reset-mixin-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 736
736
737<script src="/core/assets/vendor/jquery.ui/ui/widgets/mouse-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 737
737
738<script src="/core/assets/vendor/jquery.ui/ui/widgets/checkboxradio-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 738
738
739<script src="/core/assets/vendor/jquery.ui/ui/widgets/draggable-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 739
739
740<script src="/core/assets/vendor/jquery.ui/ui/widgets/resizable-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 740
740
741<script src="/core/assets/vendor/jquery.ui/ui/widgets/button-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 741
741
742<script src="/core/assets/vendor/jquery.ui/ui/widgets/dialog-min.js?v=10.5.6"></script>
vendor: 1 bytes, line 742
742
743<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.2.0"></script>
vendor: 1 bytes, line 743
743
744<script src="/core/assets/vendor/tua-body-scroll-lock/tua-bsl.umd.min.js?v=10.5.6"></script>
vendor: 1 bytes, line 744
744
745<script src="/themes/custom/camerisetheme/build/js/main.script.js?tlvmg9"></script>
vendor: 1 bytes, line 745
745
746<script src="/core/misc/progress.js?v=10.5.6"></script>
vendor: 1 bytes, line 746
746
747<script src="/themes/custom/camerisetheme/src/js/overrides/progress.js?tlvmg9"></script>
vendor: 1 bytes, line 747
747
748<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
vendor: 1 bytes, line 748
748
749<script src="/core/misc/debounce.js?v=10.5.6"></script>
vendor: 1 bytes, line 749
749
750<script src="/core/misc/announce.js?v=10.5.6"></script>
vendor: 1 bytes, line 750
750
751<script src="/core/misc/message.js?v=10.5.6"></script>
vendor: 1 bytes, line 751
751
752<script src="/themes/custom/camerisetheme/src/js/overrides/message.js?tlvmg9"></script>
vendor: 1 bytes, line 752
752
753<script src="/core/misc/ajax.js?v=10.5.6"></script>
vendor: 1 bytes, line 753
753
754<script src="/themes/custom/camerisetheme/src/js/overrides/ajax.js?tlvmg9"></script>
vendor: 1 bytes, line 754
754
755<script src="/core/misc/displace.js?v=10.5.6"></script>
vendor: 1 bytes, line 755
755
756<script src="/core/misc/jquery.tabbable.shim.js?v=10.5.6"></script>
vendor: 1 bytes, line 756
756
757<script src="/core/misc/position.js?v=10.5.6"></script>
vendor: 1 bytes, line 757
757
758<script src="/core/misc/dialog/dialog-deprecation.js?v=10.5.6"></script>
vendor: 1 bytes, line 758
758
759<script src="/core/misc/dialog/dialog.js?v=10.5.6"></script>
vendor: 1 bytes, line 759
759
760<script src="/core/misc/dialog/dialog.position.js?v=10.5.6"></script>
vendor: 1 bytes, line 760
760
761<script src="/core/misc/dialog/dialog.jquery-ui.js?v=10.5.6"></script>
vendor: 1 bytes, line 761
761
762<script src="/core/modules/ckeditor5/js/ckeditor5.dialog.fix.js?v=10.5.6"></script>
vendor: 1 bytes, line 762
762
763<script src="/core/misc/dialog/dialog.ajax.js?v=10.5.6"></script>
vendor: 1 bytes, line 763
763
764<script src="/modules/contrib/google_tag/js/gtag.ajax.js?tlvmg9"></script>
vendor: 1 bytes, line 764
764
765<script src="/modules/contrib/toastify/js/toastify.js?v=1.12.0"></script>
vendor: 1 bytes, line 765
765
766<script src="/modules/contrib/toastify/js/toastify-attach.js?tlvmg9"></script>
vendor: 1 bytes, line 766
766
767<script src="/modules/contrib/toastify/js/toastify.messages.js?tlvmg9"></script>
vendor: 1 bytes, line 767
767
768<script src="/modules/contrib/file_uploader/public/js/widget.js?v=10.5.6"></script>
vendor: 1 bytes, line 768
768
769<script src="/modules/contrib/file_uploader_uppy/public/js/global.js?v=1.0.8"></script>
vendor: 1 bytes, line 769
769
770<script src="/modules/contrib/file_uploader_uppy/public/js/widget.js?v=1.0.8"></script>
vendor: 1 bytes, line 770
770
771<script src="/modules/custom/uppy_overrides/js/uppy-overrides.js?tlvmg9"></script>
771 772 773 774 </body> 775</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.