PageSourceSearch

https://dhmuse.netlify.app/week/

html dhmuse.netlify.app collected 2026-10-03 10:38:55 UTC 75,761 bytes, 2,506 lines download raw bytes

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&#43;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&#43;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 &amp; Information -&gt; 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 -&gt; in which we consider the ways cultural heritage is represented and the creative work of curation and interpretation</p>
2313<p>Creative Engagement -&gt; in which we develop our own cultural heritage informatics infrastructure and explore the ways such infrastructure permits research and creativity</p>
2314<p>Money -&gt; 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&#39;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 &lsquo;museum&rsquo; by iconsphere and &lsquo;computer&rsquo; 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.