1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 4<head> 5 <meta charset="utf-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=a359532c-567f-4529-9044-e68f8b12f971 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <title>Weekly Schedule â HIST4916a</title> 11 12 13
14<script src="/js/enquire.min.d252113e769da02de8e546d2772d0098f8a7a18e4e15285486ddcc0bf75489e1.js"></script>
14 15
16<script defer src="/js/fuse.min.aedc29554778b7969bdb8d7c10585ba56cd172f6b64917a250ab862df962f830.js"></script>
16 17
18<script defer src="/js/lazysizes.min.31dd6a2d3a1ec0f78a8df007535cf23f03aeb5c70f026e6d6a19dac3b3acc340.js"></script>
18 19
20<script defer src="/js/helper/getParents.min.1618c696be7c98933f9a92677f518b512a74e55bdbb976b09936b4182e93181b.js"></script>
20 21
22<script defer src="/js/helper/fadeinout.min.93a331f96194789a542f33690bbe4f0c102c7e78ffc018217f5a1c33010bad91.js"></script>
22 23
24<script> 25 "use strict"; 26 27 28 var languagedir = JSON.parse("\"ltr\""); 29 30 window.onload = function() { 31 32 33 var toggleSidebarElem = document.getElementById("toggle-sidebar"); 34 var tocBodyElem = document.querySelector('.toc__body'); 35 var tocLabelElem = document.querySelector('.toc__label'); 36 var listMainElem = document.getElementById('list-main'); 37 var listSideElem = document.getElementById('list-side'); 38 var sliderIcons = document.querySelectorAll('.slider__icon'); 39 40 toggleSidebarElem ? 41 toggleSidebarElem.addEventListener('change', function (e) { 42 if (e.target.checked) { 43 if (tocBodyElem) { 44 fadeIn(tocBodyElem, 200); 45 } 46 if (tocLabelElem) { 47 fadeIn(tocLabelElem, 200); 48 } 49 if (listMainElem && listSideElem) { 50 listMainElem.className = 'm'; 51 listSideElem.className = 'r'; 52 } 53 54 sliderIcons && sliderIcons.forEach(function (elem) { 55 if (elem.classList.contains('hide')) { 56 elem.classList.remove('hide'); 57 } else { 58 elem.classList.add('hide'); 59 } 60 }); 61 62 } else { 63 if (tocBodyElem) { 64 fadeOut(tocBodyElem, 200); 65 } 66 if (tocLabelElem) { 67 fadeOut(tocLabelElem, 200); 68 } 69 if (listMainElem && listSideElem) { 70 listMainElem.className = 'mr'; 71 listSideElem.className = 'hide'; 72 } 73 74 sliderIcons && sliderIcons.forEach(function (elem) { 75 if (elem.classList.contains('hide')) { 76 elem.classList.remove('hide'); 77 } else { 78 elem.classList.add('hide'); 79 } 80 }); 81 } 82 }) : null; 83 84 85 86 var navCollapseBtn = document.getElementById('navCollapseBtn'); 87 navCollapseBtn ? navCollapseBtn.addEventListener('click', function(e) { 88 var navCollapse = document.querySelector('.navbar__collapse'); 89 90 if (navCollapse) { 91 var dataOpen = navCollapse.getAttribute('data-open'); 92 93 if (dataOpen === 'true') { 94 navCollapse.setAttribute('data-open', 'false'); 95 navCollapse.style.maxHeight = 0; 96 } else { 97 navCollapse.setAttribute('data-open', 'true'); 98 navCollapse.style.maxHeight = navCollapse.scrollHeight + "px"; 99 } 100 } 101 }) : null; 102 103 104 105 106 var expandBtn = document.querySelectorAll('.expand__button'); 107 108 for (let i = 0; i < expandBtn.length; i++) { 109 expandBtn[i].addEventListener("click", function () { 110 var content = this.nextElementSibling; 111 if (content.style.maxHeight) { 112 content.style.maxHeight = null; 113 this.querySelector('svg').classList.add('expand-icon__right'); 114 this.querySelector('svg').classList.remove('expand-icon__down'); 115 } else { 116 content.style.maxHeight = content.scrollHeight + "px"; 117 this.querySelector('svg').classList.remove('expand-icon__right'); 118 this.querySelector('svg').classList.add('expand-icon__down'); 119 } 120 }); 121 } 122 123 124 125 126 var root = document.getElementById('root'); 127 var toggleToLightBtn = document.getElementById('toggleToLight'); 128 var toggleToDarkBtn = document.getElementById('toggleToDark'); 129 130 toggleToDark.onclick = function(e) { 131 root.className = 'theme__dark'; 132 localStorage.setItem('theme', 'dark'); 133 toggleToLightBtn.className = 'navbar__icons--icon'; 134 toggleToDarkBtn.className = 'hide'; 135 } 136 137 toggleToLight.onclick = function (e) { 138 root.className = 'theme__light'; 139 localStorage.setItem('theme', 'light'); 140 toggleToLightBtn.className = 'hide'; 141 toggleToDarkBtn.className = 'navbar__icons--icon'; 142 } 143 144 145 146 document.querySelectorAll('.menu__list').forEach(function(elem) { 147 if (elem.classList.contains('active')) { 148 elem.style.maxHeight = elem.scrollHeight + "px"; 149 } 150 }); 151 152 document.querySelectorAll('.menu__title--collapse').forEach(function(elem) { 153 elem.addEventListener('click', function (e) { 154 var content = this.nextElementSibling; 155 var menuTitleIcon = this.querySelector('.menu__title--icon'); 156 if (!content) { 157 return null; 158 } 159 160 var parent = elem.parentNode; 161 while (parent.classList.contains('menu__list') && parent.classList.contains('active')) { 162 console.log('parent'); 163 parent.style.maxHeight = 100 * parent.children.length + "px"; 164 parent = parent.parentNode; 165 } 166 167 if (content.style.maxHeight) { 168 console.log('null'); 169 content.style.maxHeight = null; 170 content.classList.remove('active'); 171 menuTitleIcon.classList.add('right'); 172 173 if (languagedir === 'rtl') { 174 menuTitleIcon.classList.remove('downrtl'); 175 } else { 176 menuTitleIcon.classList.remove('down'); 177 } 178 } else { 179 console.log('scrollHeight'); 180 content.style.maxHeight = content.scrollHeight + "px"; 181 content.classList.add('active'); 182 menuTitleIcon.classList.remove('right'); 183 184 if (languagedir === 'rtl') { 185 menuTitleIcon.classList.add('downrtl'); 186 } else { 187 menuTitleIcon.classList.add('down'); 188 } 189 } 190 }); 191 }); 192 193 194 195 196 var mobileLogo = document.getElementById('mobileLogo'); 197 var modal = document.getElementById("myModal"); 198 var drawer = document.getElementById('myDrawer'); 199 var drawerCloseBtn = document.querySelector('.drawer__close'); 200 201 var openDrawer = function() { 202 modal.style.opacity = 1; 203 204 if (languagedir === 'rtl') { 205 modal.style.right = 0; 206 drawer.style.right = 0; 207 } else { 208 modal.style.left = 0; 209 drawer.style.left = 0; 210 } 211 } 212 213 var closeDrawer = function() { 214 modal.style.opacity = 0; 215 216 if (languagedir === 'rtl') { 217 drawer.style.right = '-100%'; 218 } else { 219 drawer.style.left = '-100%'; 220 } 221 222 223 setTimeout(function () { 224 if (languagedir === 'rtl') { 225 modal.style.right = '-100%'; 226 } else { 227 modal.style.left = '-100%'; 228 } 229 }, 250); 230 } 231 232 mobileLogo.onclick = function () { 233 openDrawer(); 234 localStorage.setItem('isDrawerOpen', 'true'); 235 } 236 237 modal.onclick = function () { 238 closeDrawer(); 239 localStorage.setItem('isDrawerOpen', 'false'); 240 } 241 242 drawerCloseBtn.onclick = function () { 243 closeDrawer(); 244 localStorage.setItem('isDrawerOpen', 'false'); 245 } 246 247 248 249 250 var lastScrollTop = window.pageYOffset || document.documentElement.scrollTop; 251 var tocElem = document.querySelector('.toc'); 252 var tableOfContentsElem = tocElem ? tocElem.querySelector('#TableOfContents') : null; 253 var singleContentsElem = document.querySelector('.single__contents'); 254 var dataBGImgs = document.querySelectorAll('div[data-bgimg]'); 255 256 257 var tocLevels = JSON.parse("[\"h2\",\"h3\",\"h4\"]"); 258 259 if (tocLevels) { 260 tocLevels = tocLevels.toString(); 261 } else { 262 tocLevels = "h1, h2, h3, h4, h5, h6"; 263 } 264 265 266 var isLandingBgImg = JSON.parse("null"); 267 268 var isHome = JSON.parse("false"); 269 270 function setNavbarBG(scrollTop) { 271 if (isHome && isLandingBgImg && Object.keys(isLandingBgImg).length) { 272 if (isLandingBgImg.height <= scrollTop) {
273 dataBGImgs.forEach(function(elem) { 274 elem.setAttribute('data-bgimg', 'false'); 275 }); 276 } else { 277 dataBGImgs.forEach(function (elem) { 278 elem.setAttribute('data-bgimg', 'true'); 279 }); 280 } 281 } 282 } 283 setNavbarBG(lastScrollTop); 284 285 window.onscroll = function () { 286 var st = window.pageYOffset || document.documentElement.scrollTop; 287 if (st > lastScrollTop) { 288 singleContentsElem ? 289 singleContentsElem.querySelectorAll(tocLevels.toString()).forEach(function(elem) { 290 if (document.documentElement.scrollTop >= elem.offsetTop) { 291 if (tableOfContentsElem) { 292 var id = elem.getAttribute('id'); 293 tocElem.querySelectorAll('a').forEach(function (elem) { 294 elem.classList.remove('active'); 295 }); 296 tocElem.querySelector('a[href="#' + id + '"]') ? 297 tocElem.querySelector('a[href="#' + id + '"]').classList.add('active') : null; 298 } 299 } 300 }) : null; 301 setNavbarBG(st); 302 } else { 303 singleContentsElem ? 304 singleContentsElem.querySelectorAll(tocLevels.toString()).forEach(function(elem) { 305 if (document.documentElement.scrollTop >= elem.offsetTop) { 306 if (tableOfContentsElem) { 307 var id = elem.getAttribute('id'); 308 tocElem.querySelectorAll('a').forEach(function (elem) { 309 elem.classList.remove('active'); 310 }); 311 tocElem.querySelector('a[href="#' + id + '"]') ? 312 tocElem.querySelector('a[href="#' + id + '"]').classList.add('active') : null; 313 } 314 } 315 }) : null; 316 setNavbarBG(st); 317 } 318 lastScrollTop = st <= 0 ? 0 : st; 319 }; 320 321 322 323 324 325 var mobileSearchInputElem = document.querySelector('#search-mobile'); 326 var mobileSearchClassElem = document.querySelector('.mobile-search'); 327 var mobileSearchBtnElem = document.querySelector('#mobileSearchBtn'); 328 var mobileSearchCloseBtnElem = document.querySelector('#search-mobile-close'); 329 var mobileSearchContainer = document.querySelector('#search-mobile-container'); 330 var mobileSearchResultsElem = document.querySelector('#search-mobile-results'); 331 var htmlElem = document.querySelector('html'); 332 333 if (mobileSearchClassElem) { 334 mobileSearchClassElem.style.display = 'none'; 335 } 336 337 mobileSearchBtnElem ? 338 mobileSearchBtnElem.addEventListener('click', function () { 339 if (mobileSearchContainer) { 340 mobileSearchContainer.style.display = 'block'; 341 } 342 343 if (mobileSearchInputElem) { 344 mobileSearchInputElem.focus(); 345 } 346 347 if (htmlElem) { 348 htmlElem.style.overflowY = 'hidden'; 349 } 350 }) : null; 351 352 mobileSearchCloseBtnElem ? 353 mobileSearchCloseBtnElem.addEventListener('click', function() { 354 if (mobileSearchContainer) { 355 mobileSearchContainer.style.display = 'none'; 356 } 357 358 if (mobileSearchInputElem) { 359 mobileSearchInputElem.value = ''; 360 } 361 362 if (mobileSearchResultsElem) { 363 while (mobileSearchResultsElem.firstChild) { 364 mobileSearchResultsElem.removeChild(mobileSearchResultsElem.firstChild); 365 } 366 } 367 368 if (htmlElem) { 369 htmlElem.style.overflowY = 'visible'; 370 } 371 }) : null; 372 373 mobileSearchInputElem ? 374 mobileSearchInputElem.addEventListener('keydown', function(e) { 375 if (e.key === 'Escape') { 376 if (mobileSearchContainer) { 377 mobileSearchContainer.style.display = 'none'; 378 } 379 380 if (mobileSearchInputElem) { 381 mobileSearchInputElem.value = ''; 382 } 383 384 if (mobileSearchResultsElem) { 385 while (mobileSearchResultsElem.firstChild) { 386 mobileSearchResultsElem.removeChild(mobileSearchResultsElem.firstChild); 387 } 388 } 389 if (htmlElem) { 390 htmlElem.style.overflowY = 'visible'; 391 } 392 } 393 }) : null; 394 395 396 397 398 var localTheme = localStorage.getItem('theme'); 399 var rootEleme = document.getElementById('root'); 400 var selectThemeElem = document.querySelectorAll('.select-theme'); 401 var selectThemeItemElem = document.querySelectorAll('.select-theme__item'); 402 403 if (localTheme) { 404 selectThemeItemElem ? 405 selectThemeItemElem.forEach(function (elem) { 406 if (elem.text.trim() === localTheme) { 407 elem.classList.add('is-active'); 408 } else { 409 elem.classList.remove('is-active'); 410 } 411 }) : null; 412 } 413 414 selectThemeItemElem ? 415 selectThemeItemElem.forEach(function (v, i) { 416 v.addEventListener('click', function (e) { 417 var selectedThemeVariant = e.target.text.trim(); 418 localStorage.setItem('theme', selectedThemeVariant); 419 420 rootEleme.removeAttribute('class'); 421 rootEleme.classList.add(`theme__${selectedThemeVariant}`); 422 selectThemeElem.forEach(function(rootElem) { 423 rootElem.querySelectorAll('a').forEach(function (elem) { 424 if (elem.classList) { 425 if (elem.text.trim() === selectedThemeVariant) { 426 if (!elem.classList.contains('is-active')) { 427 elem.classList.add('is-active'); 428 } 429 } else { 430 if (elem.classList.contains('is-active')) { 431 elem.classList.remove('is-active'); 432 } 433 } 434 } 435 }); 436 }); 437 438 if (window.mermaid) { 439 if (selectedThemeVariant === "dark" || selectedThemeVariant === "hacker") { 440 mermaid.initialize({ theme: 'dark' }); 441 location.reload(); 442 } else { 443 mermaid.initialize({ theme: 'default' }); 444 location.reload(); 445 } 446 } 447 448 var utterances = document.querySelector('iframe'); 449 if (utterances) { 450 utterances.contentWindow.postMessage({ 451 type: 'set-theme', 452 theme: selectedThemeVariant === "dark" || selectedThemeVariant === "hacker" ? 'photon-dark' : selectedThemeVariant === 'kimbie' ? 'github-dark-orange' : 'github-light', 453 }, 'https://utteranc.es'); 454 } 455 }); 456 }) : null; 457 458 459 460 461 462 var searchURL = JSON.parse("\"https://dhmuse.netlify.app/\""); 463 var searchResults = null; 464 var searchMenu = null; 465 var searchText = null; 466 467 468 var enableSearchHighlight = JSON.parse("true"); 469 470 var enableSearch = JSON.parse("true"); 471 472 var fuse = null; 473 474 if (enableSearch) { 475 (function initFuse() { 476 var xhr = new XMLHttpRequest(); 477 xhr.open('GET', searchURL + "index.json"); 478 xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8'); 479 xhr.onload = function () { 480 if (xhr.status === 200) { 481 fuse = new Fuse(JSON.parse(xhr.response.toString('utf-8')), { 482 keys: ['title', 'description', 'content'], 483 includeMatches: enableSearchHighlight, 484 shouldSort: true, 485 threshold: 0.4, 486 location: 0, 487 distance: 100, 488 maxPatternLength: 32, 489 minMatchCharLength: 1, 490 }); 491 } 492 else { 493 console.error(`[${xhr.status}]Error:`, xhr.statusText); 494 } 495 }; 496 xhr.send(); 497 })(); 498 } 499 500 function makeLi(ulElem, obj) { 501 var li = document.createElement('li'); 502 li.className = 'search-result__item'; 503 504 var a = document.createElement('a'); 505 a.innerHTML = obj.title; 506 a.setAttribute('class', 'search-result__item--title'); 507 a.setAttribute('href', obj.permalink); 508 509 var descDiv = document.createElement('div'); 510 descDiv.setAttribute('class', 'search-result__item--desc'); 511 if (obj.description) { 512 descDiv.innerHTML = obj.description; 513 } else if (obj.content) { 514 descDiv.innerHTML = obj.content.substring(0, 80); 515 } 516 517 li.appendChild(a); 518 li.appendChild(descDiv); 519 ulElem.appendChild(li); 520 } 521 522 function makeHighlightLi(ulElem, obj) { 523 var li = document.createElement('li'); 524 li.className = 'search-result__item'; 525 var descDiv = null; 526 527 var a = document.createElement('a'); 528 a.innerHTML = obj.item.title; 529 a.setAttribute('class', 'search-result__item--title'); 530 a.setAttribute('href', obj.item.uri); 531 532 if (obj.matches && obj.matches.length) { 533 for (var i = 0; i < obj.matches.length; i++) { 534 if ('title' === obj.matches[i].key) { 535 a = document.createElement('a'); 536 a.innerHTML = generateHighlightedText(obj.matches[i].value, obj.matches[i].indices); 537 a.setAttribute('class', 'search-result__item--title'); 538 a.setAttribute('href', obj.item.uri); 539 } 540 541 if ('description' === obj.matches[i].key) { 542 descDiv = document.createElement('div'); 543 descDiv.setAttribute('class', 'search-result__item--desc'); 544 descDiv.innerHTML = generateHighlightedText(obj.item.description, obj.matches[i].indices); 545 } else if ('content' === obj.matches[i].key) { 546 if (!descDiv) { 547 descDiv = document.createElement('div'); 548 descDiv.setAttribute('class', 'search-result__item--desc'); 549 descDiv.innerHTML = generateHighlightedText(obj.item.content.substring(0, 80), obj.matches[i].indices); 550 } 551 } else { 552 if (obj.item.description) { 553 descDiv = document.createElement('div'); 554 descDiv.setAttribute('class', 'search-result__item--desc'); 555 descDiv.innerHTML = obj.item.description; 556 } else { 557 descDiv = document.createElement('div'); 558 descDiv.setAttribute('class', 'search-result__item--desc'); 559 descDiv.innerHTML = obj.item.content.substring(0, 80); 560 } 561 } 562 } 563 564 li.appendChild(a); 565 if (descDiv) { 566 li.appendChild(descDiv); 567 } 568 if (li) { 569 ulElem.appendChild(li); 570 } 571 } 572 } 573
574 function renderSearchResults(searchText, results) { 575 searchResults = document.getElementById('search-results'); 576 searchMenu = document.getElementById('search-menu'); 577 searchResults.setAttribute('class', 'dd is-active'); 578 579 var ul = document.createElement('ul'); 580 ul.setAttribute('class', 'dd-content search-content'); 581 582 if (results.length) { 583 results.forEach(function (result) { 584 var li = document.createElement('li'); 585 var a = document.createElement('a'); 586 a.setAttribute('href', result.uri); 587 a.setAttribute('class', 'dd-item'); 588 a.appendChild(li); 589 590 var titleDiv = document.createElement('div'); 591 titleDiv.innerHTML = result.title; 592 titleDiv.setAttribute('class', 'search-result__item--title'); 593 594 var descDiv = document.createElement('div'); 595 descDiv.setAttribute('class', 'search-result__item--desc'); 596 if (result.description) { 597 descDiv.innerHTML = result.description; 598 } else if (result.content) { 599 descDiv.innerHTML = result.content.substring(0, 80); 600 } 601 602 li.appendChild(titleDiv); 603 li.appendChild(descDiv); 604 ul.appendChild(a); 605 }); 606 } else { 607 var li = document.createElement('li'); 608 li.setAttribute('class', 'dd-item'); 609 li.innerText = 'No results found'; 610 ul.appendChild(li); 611 } 612 613 while (searchMenu.hasChildNodes()) { 614 searchMenu.removeChild( 615 searchMenu.lastChild 616 ); 617 } 618 619 searchMenu.appendChild(ul); 620 } 621
622 function renderSearchHighlightResults(searchText, results) { 623 searchResults = document.getElementById('search-results'); 624 searchMenu = document.getElementById('search-menu'); 625 searchResults.setAttribute('class', 'dd is-active'); 626 627 var ul = document.createElement('ul'); 628 ul.setAttribute('class', 'dd-content search-content'); 629 630 if (results.length) { 631 results.forEach(function (result) { 632 var li = document.createElement('li'); 633 var a = document.createElement('a'); 634 var descDiv = null; 635 636 a.setAttribute('href', result.item.uri); 637 a.setAttribute('class', 'dd-item'); 638 a.appendChild(li); 639 640 var titleDiv = document.createElement('div'); 641 titleDiv.innerHTML = result.item.title; 642 titleDiv.setAttribute('class', 'search-result__item--title'); 643 644 if (result.matches && result.matches.length) { 645 for (var i = 0; i < result.matches.length; i++) { 646 if ('title' === result.matches[i].key) { 647 titleDiv.innerHTML = generateHighlightedText(result.matches[i].value, result.matches[i].indices); 648 } 649 650 if ('description' === result.matches[i].key) { 651 descDiv = document.createElement('div'); 652 descDiv.setAttribute('class', 'search-result__item--desc'); 653 descDiv.innerHTML = generateHighlightedText(result.item.description, result.matches[i].indices); 654 } else if ('content' === result.matches[i].key) { 655 if (!descDiv) { 656 descDiv = document.createElement('div'); 657 descDiv.setAttribute('class', 'search-result__item--desc'); 658 descDiv.innerHTML = generateHighlightedText(result.item.content.substring(0, 80), result.matches[i].indices); 659 } 660 } else { 661 if (result.item.description) { 662 descDiv = document.createElement('div'); 663 descDiv.setAttribute('class', 'search-result__item--desc'); 664 descDiv.innerHTML = result.item.description; 665 } else { 666 descDiv = document.createElement('div'); 667 descDiv.setAttribute('class', 'search-result__item--desc'); 668 descDiv.innerHTML = result.item.content.substring(0, 80); 669 } 670 } 671 } 672 673 li.appendChild(titleDiv); 674 if (descDiv) { 675 li.appendChild(descDiv); 676 } 677 ul.appendChild(a); 678 } 679 }); 680 } else { 681 var li = document.createElement('li'); 682 li.setAttribute('class', 'dd-item'); 683 li.innerText = 'No results found'; 684 ul.appendChild(li); 685 } 686 687 while (searchMenu.hasChildNodes()) { 688 searchMenu.removeChild( 689 searchMenu.lastChild 690 ); 691 } 692 searchMenu.appendChild(ul); 693 } 694
695 function renderSearchResultsMobile(searchText, results) { 696 searchResults = document.getElementById('search-mobile-results'); 697 698 var content = document.createElement('div'); 699 content.setAttribute('class', 'mobile-search__content'); 700 701 if (results.length > 0) { 702 results.forEach(function (result) { 703 var item = document.createElement('a'); 704 item.setAttribute('href', result.uri); 705 item.innerHTML = '<div class="mobile-search__item"><div class="mobile-search__item--title">ð ' + result.title + '</div><div class="mobile-search__item--desc">' + (result.description ? result.description : result.content) + '</div></div>'; 706 content.appendChild(item); 707 }); 708 } else { 709 var item = document.createElement('span'); 710 content.appendChild(item); 711 } 712 713 let wrap = document.getElementById('search-mobile-results'); 714 while (wrap.firstChild) { 715 wrap.removeChild(wrap.firstChild) 716 } 717 searchResults.appendChild(content); 718 } 719
720 function renderSearchHighlightResultsMobile(searchText, results) { 721 searchResults = document.getElementById('search-mobile-results'); 722 723 var ul = document.createElement('div'); 724 ul.setAttribute('class', 'mobile-search__content'); 725 726 if (results.length) { 727 results.forEach(function (result) { 728 var li = document.createElement('li'); 729 var a = document.createElement('a'); 730 var descDiv = null; 731 732 a.setAttribute('href', result.item.uri); 733 a.appendChild(li); 734 li.setAttribute('class', 'mobile-search__item'); 735 736 var titleDiv = document.createElement('div'); 737 titleDiv.innerHTML = result.item.title; 738 titleDiv.setAttribute('class', 'mobile-search__item--title'); 739 740 if (result.matches && result.matches.length) { 741 for (var i = 0; i < result.matches.length; i++) { 742 if ('title' === result.matches[i].key) { 743 titleDiv.innerHTML = generateHighlightedText(result.matches[i].value, result.matches[i].indices); 744 } 745 746 if ('description' === result.matches[i].key) { 747 descDiv = document.createElement('div'); 748 descDiv.setAttribute('class', 'mobile-search__item--desc'); 749 descDiv.innerHTML = generateHighlightedText(result.item.description, result.matches[i].indices); 750 } else if ('content' === result.matches[i].key) { 751 if (!descDiv) { 752 descDiv = document.createElement('div'); 753 descDiv.setAttribute('class', 'mobile-search__item--desc'); 754 descDiv.innerHTML = generateHighlightedText(result.item.content.substring(0, 150), result.matches[i].indices); 755 } 756 } else { 757 if (result.item.description) { 758 descDiv = document.createElement('div'); 759 descDiv.setAttribute('class', 'mobile-search__item--desc'); 760 descDiv.innerHTML = result.item.description; 761 } else { 762 descDiv = document.createElement('div'); 763 descDiv.setAttribute('class', 'mobile-search__item--desc'); 764 descDiv.innerHTML = result.item.content.substring(0, 150); 765 } 766 } 767 } 768 769 li.appendChild(titleDiv); 770 if (descDiv) { 771 li.appendChild(descDiv); 772 } 773 ul.appendChild(a); 774 } 775 }); 776 } else { 777 var item = document.createElement('span'); 778 ul.appendChild(item); 779 } 780 781 let wrap = document.getElementById('search-mobile-results'); 782 while (wrap.firstChild) { 783 wrap.removeChild(wrap.firstChild) 784 } 785 searchResults.appendChild(ul); 786 } 787 788 function generateHighlightedText(text, regions) { 789 if (!regions) { 790 return text; 791 } 792 793 var content = '', nextUnhighlightedRegionStartingIndex = 0; 794 795 regions.forEach(function(region) { 796 if (region[0] === region[1]) { 797 return null; 798 } 799 800 content += '' + 801 text.substring(nextUnhighlightedRegionStartingIndex, region[0]) + 802 '<span class="search__highlight">' + 803 text.substring(region[0], region[1] + 1) + 804 '</span>' + 805 ''; 806 nextUnhighlightedRegionStartingIndex = region[1] + 1; 807 }); 808 809 content += text.substring(nextUnhighlightedRegionStartingIndex); 810 811 return content; 812 }; 813 814 var searchElem = document.getElementById('search'); 815 var searchMobile = document.getElementById('search-mobile'); 816 var searchResultsContainer = document.getElementById('search-results'); 817 818 searchElem ? 819 searchElem.addEventListener('input', function(e) { 820 if (!e.target.value | window.innerWidth < 770) { 821 searchResultsContainer ? searchResultsContainer.setAttribute('class', 'dd') : null; 822 return null; 823 } 824 825 searchText = e.target.value; 826 var results = fuse.search(e.target.value); 827 828 if (enableSearchHighlight) { 829 renderSearchHighlightResults(searchText, results); 830 } else { 831 renderSearchResults(searchText, results); 832 } 833 834 var dropdownItems = searchResultsContainer.querySelectorAll('.dd-item');
835 dropdownItems ? dropdownItems.forEach(function (item) { 836 item.addEventListener('mousedown', function (e) { 837 console.log('mousedown'); 838 e.target.click(); 839 }); 840 }) : null; 841 }) : null; 842 843 searchElem ? 844 searchElem.addEventListener('blur', function() { 845 if (window.innerWidth < 770) { 846 return null; 847 } 848 searchResultsContainer ? searchResultsContainer.setAttribute('class', 'dd') : null; 849 }) : null; 850 851 searchElem ? 852 searchElem.addEventListener('click', function(e) { 853 if (window.innerWidth < 770) { 854 return null; 855 } 856 if (!e.target.value) { 857 searchResultsContainer ? searchResultsContainer.setAttribute('class', 'dd') : null; 858 return null; 859 } 860 861 searchText = e.target.value; 862 var results = fuse.search(e.target.value); 863 864 if (enableSearchHighlight) { 865 renderSearchHighlightResults(searchText, results); 866 } else { 867 renderSearchResults(searchText, results); 868 } 869 870 var dropdownItems = searchResultsContainer.querySelectorAll('.dd-item'); 871 dropdownItems ? dropdownItems.forEach(function (item) { 872 item.addEventListener('mousedown', function (e) { 873 console.log('mousedown'); 874 e.target.click(); 875 }); 876 }) : null; 877 }) : null; 878 879 var searchMenuElem = document.getElementById("search-menu"); 880 var activeItem = document.querySelector('#search-menu .dd-item.is-active'); 881 var activeIndex = null; 882 var items = null; 883 var searchContainerMaxHeight = 350; 884 885 searchElem ? 886 searchElem.addEventListener('keydown', function(e) { 887 if (window.innerWidth < 770) { 888 return null; 889 } 890 891 var items = document.querySelectorAll('#search-menu .dd-item'); 892 893 if (e.key === 'ArrowDown') { 894 if (activeIndex === null) { 895 activeIndex = 0; 896 items[activeIndex].classList.remove('is-active'); 897 } else { 898 items[activeIndex].classList.remove('is-active'); 899 activeIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1; 900 } 901 items[activeIndex].classList.add('is-active'); 902 903 let overflowedPixel = items[activeIndex].offsetTop + items[activeIndex].clientHeight - searchContainerMaxHeight; 904 if (overflowedPixel > 0) { 905 document.querySelector(".search-content").scrollTop += items[activeIndex].getBoundingClientRect().height; 906 } else if (activeIndex === 0) { 907 document.querySelector(".search-content").scrollTop = 0; 908 } 909 } else if (e.key === 'ArrowUp') { 910 if (activeIndex === null) { 911 activeIndex = items.length - 1; 912 items[activeIndex].classList.remove('is-active'); 913 } else { 914 items[activeIndex].classList.remove('is-active'); 915 activeIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1; 916 } 917 items[activeIndex].classList.add('is-active'); 918 919 let overflowedPixel = items[activeIndex].offsetTop + items[activeIndex].clientHeight - searchContainerMaxHeight; 920 if (overflowedPixel < 0) { 921 document.querySelector(".search-content").scrollTop -= items[activeIndex].getBoundingClientRect().height; 922 } else { 923 document.querySelector(".search-content").scrollTop = overflowedPixel + items[activeIndex].getBoundingClientRect().height; 924 } 925 } else if (e.key === 'Enter') { 926 var currentItemLink = items[activeIndex].getAttribute('href'); 927 if (currentItemLink) { 928 location.href = currentItemLink; 929 } 930 } else if (e.key === 'Escape') { 931 e.target.value = null; 932 if (searchResults) { 933 searchResults.classList.remove('is-active'); 934 } 935 } 936 }) : null; 937 938 searchMobile ? 939 searchMobile.addEventListener('input', function(e) { 940 if (!e.target.value) { 941 let wrap = document.getElementById('search-mobile-results'); 942 while (wrap.firstChild) { 943 wrap.removeChild(wrap.firstChild); 944 } 945 return null; 946 } 947 948 searchText = e.target.value; 949 var results = fuse.search(e.target.value); 950 951 if (enableSearchHighlight) { 952 renderSearchHighlightResultsMobile(searchText, results); 953 } else { 954 renderSearchResultsMobile(searchText, results); 955 } 956 957 var dropdownItems = searchResultsContainer.querySelectorAll('.dd-item');
958 dropdownItems ? dropdownItems.forEach(function (item) { 959 item.addEventListener('mousedown', function (e) { 960 console.log('mousedown'); 961 e.target.click(); 962 }); 963 }) : null; 964 }) : null; 965 966 } 967</script>
967 968 969 970 971 972<link rel="stylesheet" href="/css/main.min.css"> 973 974 975 <link rel="alternate" type="application/rss+xml" title="RSS" href="https://dhmuse.netlify.app/week/index.xml"> 976<meta name="description" content="test post index" /> 977<meta name="keywords" content=""> 978<meta name="created" content="2020-01-28T00:08:29+0900"> 979<meta name="modified" content="2020-11-27T15:52:32-0500"> 980 981 982<meta property="og:site_name" content="HIST4916a"> 983<meta property="og:title" content="HIST4916a"> 984<meta property="og:url" content="https://dhmuse.netlify.app/week/"> 985<meta property="og:type" content="website"> 986 987<meta name="generator" content="Hugo 0.68.3" /> 988<meta name="msapplication-TileColor" content="#ffffff"> 989<meta name="theme-color" content="#ffffff"> 990<link rel="canonical" href="https://dhmuse.netlify.app/week/"> 991<link rel="manifest" href="/manifest.json"> 992 993 <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"> 994 <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png"> 995 <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png"> 996 <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png"> 997 <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png"> 998 <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png"> 999 <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png"> 1000 <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png"> 1001 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png"> 1002 <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png"> 1003 <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-512x512.png"> 1004 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> 1005 <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png"> 1006 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> 1007 <meta name="msapplication-TileColor" content="#ffffff"> 1008 <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> 1009 1010 1011
1011<script type="application/ld+json"> 1012 { 1013 "@context": "https://schema.org", 1014 "@type": "WebPage", 1015 "url" : "https://dhmuse.netlify.app/week/", 1016 "name": "HIST4916a", 1017 "description": "HIST3814o Summer 2020 @Carleton_U", 1018 "mainEntityOfPage": { 1019 "@type": "WebPage", 1020 "@id": "https://dhmuse.netlify.app" 1021 }, 1022 "publisher": { 1023 "@type": "Organization", 1024 "name": "HIST4916a", 1025 "url": "https://dhmuse.netlify.app" 1026 } 1027 } 1028</script>
1028 1029 1030 1031 1032</head> 1033 1034<body id="root" class="theme__light"> 1035
1035<script> 1036 var localTheme = localStorage.getItem('theme'); 1037 if (localTheme) { 1038 document.getElementById('root').className = `theme__${localTheme}`; 1039 } 1040 </script>
1040 1041 1042 <div id="container"> 1043 <div id="myDrawer" class="drawer" style=""> 1044 <div class="drawer__header"> 1045 <a href="/" class="drawer__header--text"> 1046 HIST4916a 1047 </a> 1048 <div class="grow"></div> 1049 <div class="drawer__close"> 1050 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg> 1051 </div> 1052 </div> 1053 1054 <div class="drawer__body"> 1055 <div class="menu"> 1056 <h6 class="menu__label"> 1057 1058 Weekly Schedule 1059 1060 </h6> 1061 <ul> 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 <span class="menu__title--collapse " data-depth="0"> 1079 01. January 11 1080 <span class="menu__title--icon right"> 1081 1082 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1083 1084 </span> 1085 </span> 1086 <ul class="menu__list " data-data=/one/ data-link=https://dhmuse.netlify.app/week/> 1087 1088 1089 1090 1091 <li> 1092 <a href="https://dhmuse.netlify.app/week/one/instructions/" class="menu__title " data-depth="0">Getting Started</a> 1093 </li> 1094 1095 1096 </ul> 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 <span class="menu__title--collapse " data-depth="0"> 1115 02. January 18 1116 <span class="menu__title--icon right"> 1117 1118 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1119 1120 </span> 1121 </span> 1122 <ul class="menu__list " data-data=/two/ data-link=https://dhmuse.netlify.app/week/> 1123 1124 1125 1126 1127 <li> 1128 <a href="https://dhmuse.netlify.app/week/two/instructions/" class="menu__title " data-depth="0">Choosing Our Own Adventure</a> 1129 </li> 1130 1131 1132 </ul> 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 <span class="menu__title--collapse " data-depth="0"> 1151 03. January 25 1152 <span class="menu__title--icon right"> 1153 1154 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1155 1156 </span> 1157 </span> 1158 <ul class="menu__list " data-data=/three/ data-link=https://dhmuse.netlify.app/week/> 1159 1160 1161 1162 1163 <li> 1164 <a href="https://dhmuse.netlify.app/week/three/instructions/" class="menu__title " data-depth="0">Prepare Your Pieces</a> 1165 </li> 1166 1167 1168 </ul> 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 <span class="menu__title--collapse " data-depth="0"> 1187 04. February 1 1188 <span class="menu__title--icon right"> 1189 1190 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1191 1192 </span> 1193 </span> 1194 <ul class="menu__list " data-data=/four/ data-link=https://dhmuse.netlify.app/week/> 1195 1196 1197 1198 1199 <li> 1200 <a href="https://dhmuse.netlify.app/week/four/instructions/" class="menu__title " data-depth="0">Prepare your pieces 2</a> 1201 </li> 1202 1203 1204 </ul> 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 <span class="menu__title--collapse " data-depth="0"> 1223 05. February 8 1224 <span class="menu__title--icon right"> 1225 1226 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
1226<path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1227 1228 </span> 1229 </span> 1230 <ul class="menu__list " data-data=/five/ data-link=https://dhmuse.netlify.app/week/> 1231 1232 1233 1234 1235 <li> 1236 <a href="https://dhmuse.netlify.app/week/five/instructions/" class="menu__title " data-depth="0">Async Seminar is Go!</a> 1237 </li> 1238 1239 1240 </ul> 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 <span class="menu__title--collapse " data-depth="0"> 1259 06. Feburary 22 1260 <span class="menu__title--icon right"> 1261 1262 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1263 1264 </span> 1265 </span> 1266 <ul class="menu__list " data-data=/six/ data-link=https://dhmuse.netlify.app/week/> 1267 1268 1269 1270 1271 <li> 1272 <a href="https://dhmuse.netlify.app/week/six/instructions/" class="menu__title " data-depth="0">Async Seminar Continues</a> 1273 </li> 1274 1275 1276 </ul> 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 <span class="menu__title--collapse " data-depth="0"> 1295 07. March 1 1296 <span class="menu__title--icon right"> 1297 1298 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1299 1300 </span> 1301 </span> 1302 <ul class="menu__list " data-data=/seven/ data-link=https://dhmuse.netlify.app/week/> 1303 1304 1305 1306 1307 <li> 1308 <a href="https://dhmuse.netlify.app/week/seven/instructions/" class="menu__title " data-depth="0">Async Seminar Continues</a> 1309 </li> 1310 1311 1312 </ul> 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 <span class="menu__title--collapse " data-depth="0"> 1331 08. March 8 1332 <span class="menu__title--icon right"> 1333 1334 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1335 1336 </span> 1337 </span> 1338 <ul class="menu__list " data-data=/eight/ data-link=https://dhmuse.netlify.app/week/> 1339 1340 1341 1342 1343 <li> 1344 <a href="https://dhmuse.netlify.app/week/eight/instructions/" class="menu__title " data-depth="0">Async Seminar Concludes</a> 1345 </li> 1346 1347 1348 </ul> 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 <span class="menu__title--collapse " data-depth="0"> 1367 09. March 15 1368 <span class="menu__title--icon right"> 1369 1370 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1371 1372 </span> 1373 </span> 1374 <ul class="menu__list " data-data=/nine/ data-link=https://dhmuse.netlify.app/week/> 1375 1376 1377 1378 1379 <li> 1380 <a href="https://dhmuse.netlify.app/week/nine/instructions/" class="menu__title " data-depth="0">Building</a> 1381 </li> 1382 1383 1384 </ul> 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 <span class="menu__title--collapse " data-depth="0"> 1403 10. March 22 1404 <span class="menu__title--icon right"> 1405 1406 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1407 1408 </span> 1409 </span> 1410 <ul class="menu__list " data-data=/ten/ data-link=https://dhmuse.netlify.app/week/> 1411 1412 1413 1414 1415 <li> 1416 <a href="https://dhmuse.netlify.app/week/ten/instructions/" class="menu__title " data-depth="0">Data Wrangling</a> 1417 </li> 1418 1419 1420 </ul> 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 <span class="menu__title--collapse " data-depth="0"> 1439 11. March 29 1440 <span class="menu__title--icon right"> 1441 1442 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
1442<path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1443 1444 </span> 1445 </span> 1446 <ul class="menu__list " data-data=/eleven/ data-link=https://dhmuse.netlify.app/week/> 1447 1448 1449 1450 1451 <li> 1452 <a href="https://dhmuse.netlify.app/week/eleven/instructions/" class="menu__title " data-depth="0">Some Other Visualizations</a> 1453 </li> 1454 1455 1456 </ul> 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 <span class="menu__title--collapse " data-depth="0"> 1475 12. April 5 1476 <span class="menu__title--icon right"> 1477 1478 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1479 1480 </span> 1481 </span> 1482 <ul class="menu__list " data-data=/twelve/ data-link=https://dhmuse.netlify.app/week/> 1483 1484 1485 1486 1487 <li> 1488 <a href="https://dhmuse.netlify.app/week/twelve/instructions/" class="menu__title " data-depth="0">The End</a> 1489 </li> 1490 1491 1492 </ul> 1493 1494 1495 1496 </ul> 1497</div> 1498 1499 1500
1501<script> 1502 var menuTitle = document.querySelectorAll('.menu__title'); 1503 var modal = document.getElementById("myModal"); 1504 var drawer = document.getElementById('myDrawer'); 1505 1506 var closeDrawer = function () { 1507 setTimeout(function () { 1508 modal.style.opacity = 0; 1509 drawer.style.left = '-100%'; 1510 modal.style.left = '-100%'; 1511 }, 250); 1512 } 1513 1514 menuTitle ? 1515 menuTitle.forEach(function(elem) { 1516 elem.onclick = function() { 1517 closeDrawer(); 1518 localStorage.setItem('isDrawerOpen', 'false'); 1519 } 1520 }) : null; 1521</script>
1521 1522 </div> 1523</div> 1524<div id="myModal" class="modal" style=""></div> 1525
1526<script> 1527 var isDrawerOpen = localStorage.getItem('isDrawerOpen'); 1528 var modal = document.getElementById("myModal"); 1529 var drawer = document.getElementById('myDrawer'); 1530 1531 1532 var languagedir = JSON.parse("\"ltr\""); 1533 1534 var openDrawer = function () { 1535 modal.style.opacity = 1; 1536 1537 if (languagedir === "rtl") { 1538 modal.style.right = 0; 1539 drawer.style.right = 0; 1540 } else { 1541 modal.style.left = 0; 1542 drawer.style.left = 0; 1543 } 1544 } 1545 1546 if (isDrawerOpen && isDrawerOpen === 'true') { 1547 openDrawer(); 1548 } 1549</script>
1549 1550 1551<nav class="nav"> 1552 <div class="navbar__wrapper" data-bgimg="false"> 1553 <div class="divider"> 1554 <div class="navbar lmr"> 1555 <div id="siteLogo" class="navbar__logo--wrapper"> 1556 1557 <a href="/" title="" rel="home" class="navbar__logo--link"> 1558 <img src="/logo.png" alt="Home" class="navbar__logo"> 1559 </a> 1560 1561 1562 <a href="/" title="" rel="home" class="navbar__logo--text-link"> 1563 <h6 class="navbar__logo--text" data-bgimg="false">HIST4916a</h6> 1564 </a> 1565 1566</div> 1567 1568 <div class="navbar__menu--wrapper"> 1569 <div id="tabletLogo" class="hide"> 1570 1571 <a href="/" rel="home" class="navbar__logo--link"> 1572 <img src="/logo.png" alt="Home" class="navbar__logo"> 1573 </a> 1574 1575</div> 1576 <div id="mobileLogo" class="hide"> 1577 <a href="#" class="navbar__logo--link"> 1578 <div class="navbar__icons--icon"> 1579 <svg xmlns="https://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg> 1580 </div> 1581 </a> 1582</div> 1583 <span id="navMenuMobile" class="hide"> 1584 <button id="navCollapseBtn" class="navbar__dropdown--title" aria-label="Section Menu" data-dir="ltr"> 1585 1586 week 1587 1588 <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"/></svg> 1589 </button> 1590 <div class="navbar__collapse" data-open="false"> 1591 <ul> 1592 1593 1594 1595 1596 1597 1598 <li class="navbar__menu--mobile-item "> 1599 <a href="/docs" class="">Syllabus</a> 1600 </li> 1601 1602 1603
1604 1605 1606 <li class="navbar__menu--mobile-item active"> 1607 <a href="/week" class="active">Weekly Instructions</a> 1608 </li> 1609 1610 1611 1612 1613 1614 <li class="navbar__menu--mobile-item "> 1615 <a href="/building" class="">Technical Notes</a> 1616 </li> 1617 1618 </ul> 1619</div> 1620</span> 1621 <ul id="navMenu" class="navbar__menu"> 1622 1623 1624 1625 1626 1627 1628 <li class="navbar__menu--item "> 1629 <a href="/docs" data-bgimg="false">Syllabus</a> 1630 </li> 1631 1632 1633 1634 1635 1636 <li class="navbar__menu--item active"> 1637 <a href="/week" data-bgimg="false">Weekly Instructions</a> 1638 </li> 1639 1640 1641 1642 1643 1644 <li class="navbar__menu--item "> 1645 <a href="/building" data-bgimg="false">Technical Notes</a> 1646 </li> 1647 1648 </ul> 1649 </div> 1650 <div class="grow"></div> 1651 <div id="siteSearch"> 1652 1653 1654<div class="search" data-bgimg="false"> 1655 <span class="icon"> 1656 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> 1657 </span> 1658 <input id="search" aria-label="Site Search" class="input" type="text" autocomplete="off" placeholder="Search"> 1659 <div id="search-results" class="dropdown"> 1660 <div id="search-menu" class="dropdown-menu"> 1661 </div> 1662 </div> 1663</div> 1664 1665 1666 </div> 1667 <div id="mobileSearch" class="hide"> 1668 1669<div id="mobileSearchBtn" class="mobile-search__btn"> 1670 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> 1671</div> 1672 1673<div id="search-mobile-container" class="mobile-search hide"> 1674 <div class="mobile-search__top"> 1675 <input id="search-mobile" type="text" aria-label="Mobile Search" placeholder="Search..." class="mobile-search__top--input"/> 1676 <div id="search-mobile-close" class="mobile-search__top--icon"> 1677 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path opacity=".87" fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z"/></svg> 1678 </div> 1679 </div> 1680 <div id="search-mobile-results" class="mobile-search__body"> 1681 1682 </div> 1683</div> 1684 1685 </div> 1686 <div class="navbar__icons"> 1687 1688 1689<button id="toggleToDark" class="navbar__icons--icon" aria-label="Toggle to dark mode"> 1690 <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none" /><path fill="currentColor" d="M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg> 1691</button> 1692<button id="toggleToLight" class="navbar__icons--icon" aria-label="Toggle to light mode"> 1693 <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="currentColor" d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg> 1694</button>
1695<script> 1696 var theme = localStorage.getItem('theme'); 1697 var toggleToLightBtn = document.getElementById('toggleToLight'); 1698 var toggleToDarkBtn = document.getElementById('toggleToDark'); 1699 1700 if (theme && theme === 'dark') { 1701 toggleToLightBtn.className = 'navbar__icons--icon'; 1702 toggleToDarkBtn.className = 'hide'; 1703 } else { 1704 toggleToLightBtn.className = 'hide'; 1705 toggleToDarkBtn.className = 'navbar__icons--icon'; 1706 } 1707</script>
1707 1708 1709 <div class="navbar__icons--icon"> 1710 <a href="https://github.com/shawngraham/hist4916" title="Github repository" aria-label="Github repository" target="_blank" rel="noreferrer"> 1711 <svg fill="currentColor" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" height="22"><path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6c0-0.4,0-0.9,0.2-1.3 C7.2,6.1,7.4,6,7.5,6c0,0,0.1,0,0.1,0C8.1,6.1,9.1,6.4,10,7.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3c0.9-0.9,2-1.2,2.5-1.3 c0,0,0.1,0,0.1,0c0.2,0,0.3,0.1,0.4,0.3C17,6.7,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4 c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3C22,6.1,16.9,1.4,10.9,2.1z"/></svg> 1712 </a> 1713 </div> 1714</div> 1715 1716 1717 </div> 1718 </div> 1719 </div> 1720</nav> 1721
1722<script> 1723 var siteLogo = document.getElementById('siteLogo'); 1724 var tabletLogo = document.getElementById('tabletLogo'); 1725 var mobileLogo = document.getElementById('mobileLogo'); 1726 var navMenu = document.getElementById('navMenu'); 1727 var navMenuMobile = document.getElementById('navMenuMobile'); 1728 var siteSearch = document.getElementById('siteSearch'); 1729 var mobileSearch = document.getElementById('mobileSearch'); 1730 1731 enquire.register("screen and (max-width:1280px)", { 1732 match: function () { 1733 siteLogo.className = 'navbar__logo--wrapper'; 1734 tabletLogo.className = 'hide'; 1735 mobileLogo.className = 'hide'; 1736 navMenu.className = 'navbar__menu'; 1737 navMenuMobile.className = 'hide'; 1738 siteSearch.className = ''; 1739 mobileSearch.className = 'hide'; 1740 }, 1741 unmatch: function () { 1742 siteLogo.className = 'navbar__logo--wrapper'; 1743 tabletLogo.className = 'hide'; 1744 mobileLogo.className = 'hide'; 1745 navMenu.className = 'navbar__menu'; 1746 navMenuMobile.className = 'hide'; 1747 siteSearch.className = ''; 1748 mobileSearch.className = 'hide'; 1749 }, 1750 }).register("screen and (max-width:960px)", { 1751 match: function () { 1752 siteLogo.className = 'hide'; 1753 tabletLogo.className = ''; 1754 mobileLogo.className = 'hide'; 1755 navMenu.className = 'navbar__menu'; 1756 navMenuMobile.className = 'hide'; 1757 siteSearch.className = 'hide'; 1758 mobileSearch.className = 'navbar__icons--icon'; 1759 }, 1760 unmatch: function () { 1761 siteLogo.className = 'navbar__logo--wrapper'; 1762 tabletLogo.className = 'hide'; 1763 mobileLogo.className = 'hide'; 1764 navMenu.className = 'navbar__menu'; 1765 navMenuMobile.className = 'hide'; 1766 siteSearch.className = ''; 1767 mobileSearch.className = 'hide'; 1768 }, 1769 }).register("screen and (max-width:600px)", { 1770 match: function () { 1771 siteLogo.className = 'hide'; 1772 tabletLogo.className = 'hide'; 1773 mobileLogo.className = ''; 1774 navMenu.className = 'hide'; 1775 navMenuMobile.className = ''; 1776 siteSearch.className = 'hide'; 1777 mobileSearch.className = 'navbar__icons--icon'; 1778 }, 1779 unmatch: function () { 1780 siteLogo.className = 'hide'; 1781 tabletLogo.className = ''; 1782 mobileLogo.className = 'hide'; 1783 navMenu.className = 'navbar__menu'; 1784 navMenuMobile.className = 'hide'; 1785 siteSearch.className = 'hide'; 1786 mobileSearch.className = 'navbar__icons--icon'; 1787 }, 1788 }); 1789</script>
1789 1790 1791 1792 <div class="top"> 1793 <div class="header__wrapper bgcolor__header"> 1794 <div class="divider"> 1795 <div class="lmr"> 1796 <h2 class="title">Weekly Schedule</h2> 1797 </div> 1798 </div> 1799 </div> 1800 1801 <div class="header__wrapper bgcolor__breadcrumb"> 1802 <div class="divider"> 1803 <div class="lmr flexbox"> 1804 1805 <div class="grow"></div> 1806 1807 </div> 1808 </div> 1809 </div> 1810</div> 1811 1812 1813 1814 <div class="mid"> 1815 <div class="divider"> 1816 1817 <nav id="list-menu" class="l" data-dir="ltr"> 1818 1819 <div class="menu"> 1820 <h6 class="menu__label"> 1821 1822 Weekly Schedule 1823 1824 </h6> 1825 <ul> 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 <span class="menu__title--collapse " data-depth="0"> 1843 01. January 11 1844 <span class="menu__title--icon right"> 1845 1846 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1847 1848 </span> 1849 </span> 1850 <ul class="menu__list " data-data=/one/ data-link=https://dhmuse.netlify.app/week/> 1851 1852 1853 1854 1855 <li> 1856 <a href="https://dhmuse.netlify.app/week/one/instructions/" class="menu__title " data-depth="0">Getting Started</a> 1857 </li> 1858 1859 1860 </ul> 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 <span class="menu__title--collapse " data-depth="0"> 1879 02. January 18 1880 <span class="menu__title--icon right"> 1881 1882 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1883 1884 </span> 1885 </span> 1886 <ul class="menu__list " data-data=/two/ data-link=https://dhmuse.netlify.app/week/> 1887 1888 1889 1890 1891 <li> 1892 <a href="https://dhmuse.netlify.app/week/two/instructions/" class="menu__title " data-depth="0">Choosing Our Own Adventure</a> 1893 </li> 1894 1895 1896 </ul> 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 <span class="menu__title--collapse " data-depth="0"> 1915 03. January 25 1916 <span class="menu__title--icon right"> 1917 1918 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1919 1920 </span> 1921 </span> 1922 <ul class="menu__list " data-data=/three/ data-link=https://dhmuse.netlify.app/week/> 1923 1924 1925 1926 1927 <li> 1928 <a href="https://dhmuse.netlify.app/week/three/instructions/" class="menu__title " data-depth="0">Prepare Your Pieces</a> 1929 </li> 1930 1931 1932 </ul> 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 <span class="menu__title--collapse " data-depth="0"> 1951 04. February 1 1952 <span class="menu__title--icon right"> 1953 1954 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1955 1956 </span> 1957 </span> 1958 <ul class="menu__list " data-data=/four/ data-link=https://dhmuse.netlify.app/week/> 1959 1960 1961 1962 1963 <li> 1964 <a href="https://dhmuse.netlify.app/week/four/instructions/" class="menu__title " data-depth="0">Prepare your pieces 2</a> 1965 </li> 1966 1967 1968 </ul> 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 <span class="menu__title--collapse " data-depth="0"> 1987 05. February 8 1988 <span class="menu__title--icon right"> 1989 1990 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
1990<path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 1991 1992 </span> 1993 </span> 1994 <ul class="menu__list " data-data=/five/ data-link=https://dhmuse.netlify.app/week/> 1995 1996 1997 1998 1999 <li> 2000 <a href="https://dhmuse.netlify.app/week/five/instructions/" class="menu__title " data-depth="0">Async Seminar is Go!</a> 2001 </li> 2002 2003 2004 </ul> 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 <span class="menu__title--collapse " data-depth="0"> 2023 06. Feburary 22 2024 <span class="menu__title--icon right"> 2025 2026 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2027 2028 </span> 2029 </span> 2030 <ul class="menu__list " data-data=/six/ data-link=https://dhmuse.netlify.app/week/> 2031 2032 2033 2034 2035 <li> 2036 <a href="https://dhmuse.netlify.app/week/six/instructions/" class="menu__title " data-depth="0">Async Seminar Continues</a> 2037 </li> 2038 2039 2040 </ul> 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 <span class="menu__title--collapse " data-depth="0"> 2059 07. March 1 2060 <span class="menu__title--icon right"> 2061 2062 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2063 2064 </span> 2065 </span> 2066 <ul class="menu__list " data-data=/seven/ data-link=https://dhmuse.netlify.app/week/> 2067 2068 2069 2070 2071 <li> 2072 <a href="https://dhmuse.netlify.app/week/seven/instructions/" class="menu__title " data-depth="0">Async Seminar Continues</a> 2073 </li> 2074 2075 2076 </ul> 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 <span class="menu__title--collapse " data-depth="0"> 2095 08. March 8 2096 <span class="menu__title--icon right"> 2097 2098 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2099 2100 </span> 2101 </span> 2102 <ul class="menu__list " data-data=/eight/ data-link=https://dhmuse.netlify.app/week/> 2103 2104 2105 2106 2107 <li> 2108 <a href="https://dhmuse.netlify.app/week/eight/instructions/" class="menu__title " data-depth="0">Async Seminar Concludes</a> 2109 </li> 2110 2111 2112 </ul> 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 <span class="menu__title--collapse " data-depth="0"> 2131 09. March 15 2132 <span class="menu__title--icon right"> 2133 2134 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2135 2136 </span> 2137 </span> 2138 <ul class="menu__list " data-data=/nine/ data-link=https://dhmuse.netlify.app/week/> 2139 2140 2141 2142 2143 <li> 2144 <a href="https://dhmuse.netlify.app/week/nine/instructions/" class="menu__title " data-depth="0">Building</a> 2145 </li> 2146 2147 2148 </ul> 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 <span class="menu__title--collapse " data-depth="0"> 2167 10. March 22 2168 <span class="menu__title--icon right"> 2169 2170 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2171 2172 </span> 2173 </span> 2174 <ul class="menu__list " data-data=/ten/ data-link=https://dhmuse.netlify.app/week/> 2175 2176 2177 2178 2179 <li> 2180 <a href="https://dhmuse.netlify.app/week/ten/instructions/" class="menu__title " data-depth="0">Data Wrangling</a> 2181 </li> 2182 2183 2184 </ul> 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 <span class="menu__title--collapse " data-depth="0"> 2203 11. March 29 2204 <span class="menu__title--icon right"> 2205 2206 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
2206<path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2207 2208 </span> 2209 </span> 2210 <ul class="menu__list " data-data=/eleven/ data-link=https://dhmuse.netlify.app/week/> 2211 2212 2213 2214 2215 <li> 2216 <a href="https://dhmuse.netlify.app/week/eleven/instructions/" class="menu__title " data-depth="0">Some Other Visualizations</a> 2217 </li> 2218 2219 2220 </ul> 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 <span class="menu__title--collapse " data-depth="0"> 2239 12. April 5 2240 <span class="menu__title--icon right"> 2241 2242 <svg xmlns="https://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path fill="currentColor" d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"/></svg> 2243 2244 </span> 2245 </span> 2246 <ul class="menu__list " data-data=/twelve/ data-link=https://dhmuse.netlify.app/week/> 2247 2248 2249 2250 2251 <li> 2252 <a href="https://dhmuse.netlify.app/week/twelve/instructions/" class="menu__title " data-depth="0">The End</a> 2253 </li> 2254 2255 2256 </ul> 2257 2258 2259 2260 </ul> 2261</div> 2262 2263 2264
2265<script> 2266 var menuTitle = document.querySelectorAll('.menu__title'); 2267 var modal = document.getElementById("myModal"); 2268 var drawer = document.getElementById('myDrawer'); 2269 2270 var closeDrawer = function () { 2271 setTimeout(function () { 2272 modal.style.opacity = 0; 2273 drawer.style.left = '-100%'; 2274 modal.style.left = '-100%'; 2275 }, 250); 2276 } 2277 2278 menuTitle ? 2279 menuTitle.forEach(function(elem) { 2280 elem.onclick = function() { 2281 closeDrawer(); 2282 localStorage.setItem('isDrawerOpen', 'false'); 2283 } 2284 }) : null; 2285</script>
2285 2286 2287 </nav> 2288 2289 <article id="list-main" class="m" data-dir="ltr"> 2290 2291 <label class="switch"> 2292 <input id="toggle-sidebar" aria-label="Toggle Sidebar Visibility" type="checkbox" checked /> 2293 <span class="slider"> 2294 <span class="slider__icon"> 2295 <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z"/></svg> 2296 </span> 2297 <span class="slider__icon hide"> 2298 <svg xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg> 2299 </span> 2300 </span> 2301 </label> 2302 2303 <div class="single" data-display="block"> 2304 2305 2306 <article class="single__contents" data-dir="ltr"> 2307 <p><p class="md__image"> 2308 <img src="/images/in-museum.png" alt="" /> 2309</p></p> 2310<p>The course covers four broad areas:</p> 2311<p>Foundations: Cultural Heritage & Information -> in which we lay the groundwork for what this course will explore, its larger contexts, and what the major research questions are.</p> 2312<p>Representations -> in which we consider the ways cultural heritage is represented and the creative work of curation and interpretation</p> 2313<p>Creative Engagement -> in which we develop our own cultural heritage informatics infrastructure and explore the ways such infrastructure permits research and creativity</p> 2314<p>Money -> in which we consider how to measure, why, and why it matters</p> 2315<p>The precise content for a given week will emerge from our engagement in the course. Stay tuned, and check in often!</p> 2316 2317 </article> 2318</div> 2319 2320 2321<div class="list-section"> 2322 2323 <div class="list-section__item"> 2324 <a href="https://dhmuse.netlify.app/week/one/" class="list-section__item--link"> 2325 01. January 11 2326 </a> 2327 <div class="list-section__item--desc"> 2328 Getting Started 2329 </div> 2330 </div> 2331 2332 <div class="list-section__item"> 2333 <a href="https://dhmuse.netlify.app/week/two/" class="list-section__item--link"> 2334 02. January 18 2335 </a> 2336 <div class="list-section__item--desc"> 2337 Curiosity and the Course Schedule 2338 </div> 2339 </div> 2340 2341 <div class="list-section__item"> 2342 <a href="https://dhmuse.netlify.app/week/three/" class="list-section__item--link"> 2343 03. January 25 2344 </a> 2345 <div class="list-section__item--desc"> 2346 Prepping Your Materials 2347 </div> 2348 </div> 2349 2350 <div class="list-section__item"> 2351 <a href="https://dhmuse.netlify.app/week/four/" class="list-section__item--link"> 2352 04. February 1 2353 </a> 2354 <div class="list-section__item--desc"> 2355 Continue to Prep Your Materials 2356 </div> 2357 </div> 2358 2359 <div class="list-section__item"> 2360 <a href="https://dhmuse.netlify.app/week/five/" class="list-section__item--link"> 2361 05. February 8 2362 </a> 2363 <div class="list-section__item--desc"> 2364 Async Seminar Is Go! 2365 </div> 2366 </div> 2367 2368 <div class="list-section__item"> 2369 <a href="https://dhmuse.netlify.app/week/six/" class="list-section__item--link"> 2370 06. Feburary 22 2371 </a> 2372 <div class="list-section__item--desc"> 2373 Async Seminar Continues 2374 </div> 2375 </div> 2376 2377 <div class="list-section__item"> 2378 <a href="https://dhmuse.netlify.app/week/seven/" class="list-section__item--link"> 2379 07. March 1 2380 </a> 2381 <div class="list-section__item--desc"> 2382 Async Seminar Continues 2383 </div> 2384 </div> 2385 2386 <div class="list-section__item"> 2387 <a href="https://dhmuse.netlify.app/week/eight/" class="list-section__item--link"> 2388 08. March 8 2389 </a> 2390 <div class="list-section__item--desc"> 2391 Async Seminar Concludes 2392 </div> 2393 </div> 2394 2395 <div class="list-section__item"> 2396 <a href="https://dhmuse.netlify.app/week/nine/" class="list-section__item--link"> 2397 09. March 15 2398 </a> 2399 <div class="list-section__item--desc"> 2400 Let's Build 2401 </div> 2402 </div> 2403 2404 <div class="list-section__item"> 2405 <a href="https://dhmuse.netlify.app/week/ten/" class="list-section__item--link"> 2406 10. March 22 2407 </a> 2408 <div class="list-section__item--desc"> 2409 Data Wrangling 2410 </div> 2411 </div> 2412 2413 <div class="list-section__item"> 2414 <a href="https://dhmuse.netlify.app/week/eleven/" class="list-section__item--link"> 2415 11. March 29 2416 </a> 2417 <div class="list-section__item--desc"> 2418 Some Visualization 2419 </div> 2420 </div> 2421 2422 <div class="list-section__item"> 2423 <a href="https://dhmuse.netlify.app/week/twelve/" class="list-section__item--link"> 2424 12. April 5 2425 </a> 2426 <div class="list-section__item--desc"> 2427 The End 2428 </div> 2429 </div> 2430 2431 </div> 2432 2433 2434 2435 </article> 2436 2437 <section id="list-side" class="r" data-dir="ltr"> 2438 </section> 2439 2440 </div> 2441</div> 2442
2443<script> 2444 var listSide = document.getElementById('list-side'); 2445 var listMain = document.getElementById('list-main'); 2446 var listMenu = document.getElementById('list-menu'); 2447 2448 enquire.register("screen and (max-width:1280px)", { 2449 match: function () { 2450 listSide.className = 'r'; 2451 listMain.className = 'm'; 2452 listMenu.className = 'l'; 2453 }, 2454 unmatch: function () { 2455 listSide.className = 'r'; 2456 listMain.className = 'm'; 2457 listMenu.className = 'l'; 2458 }, 2459 }).register("screen and (max-width:960px)", { 2460 match: function () { 2461 listSide.className = 'hide'; 2462 listMain.className = 'mr'; 2463 listMenu.className = 'l'; 2464 }, 2465 unmatch: function () { 2466 listSide.className = 'r'; 2467 listMain.className = 'm'; 2468 listMenu.className = 'l'; 2469 }, 2470 }).register("screen and (max-width:600px)", { 2471 match: function () { 2472 listSide.className = 'hide'; 2473 listMain.className = 'lmr'; 2474 listMenu.className = 'hide'; 2475 }, 2476 unmatch: function () { 2477 listSide.className = 'hide'; 2478 listMain.className = 'mr'; 2479 listMenu.className = 'l'; 2480 }, 2481 }); 2482</script>
2482 2483 2484 2485<div class="bot"> 2486 <footer class="footer"> 2487 <div class="divider"> 2488 <div class="lmr"> 2489 2490 <p class="caption"> 2491 Original content by Shawn Graham licensed under a <a rel='license' href='http://creativecommons.org/licenses/by-nc/4.0/'>Creative Commons Attribution-NonCommercial 4.0 International License</a><br><a rel='license' href='http://creativecommons.org/licenses/by-nc/4.0/'><img alt='Creative Commons License logo' style='border-width:0' src='https://i.creativecommons.org/l/by-nc/4.0/88x31.png' /></a>. <br>Site logo a combination of ‘museum’ by iconsphere and ‘computer’ by Chunk Icons, The Noun Project. 2492 </p> 2493 2494 <p class="caption">Powered by <a href="https://gohugo.io/" rel="noreferrer">Hugo</a> and the <a href="https://github.com/zzossig/hugo-theme-zdoc" rel="noreferrer">zDoc theme</a></p> 2495 2496 2497 </div> 2498 </div> 2499 </footer> 2500</div> 2501 2502 </div> 2503
2504<script src="https://hypothes.is/embed.js" async></script>
2504</body> 2505 2506</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.