added may 2022 presentations for spatial data

Presentations/06-spatial-data.Rmd

@@ -1,8 +1,8 @@
 ---
-title: "Spatial Data"
-subtitle: "[R for Advanced Stata Users](https://github.com/worldbank)"
+title: "Session 6 - Spatial Data"
+subtitle: "[R for Stata Users](https://github.com/worldbank)"
 author: "Luiza Andrade, Rob Marty, Rony Rodriguez-Ramirez, Luis Eduardo San Martin, Leonardo Viotti"
-date: "DIME |The World Bank <br> `r format(Sys.time(), '%d %B %Y')`"
+date: "The World Bank -- DIME | [WB Github](https://github.com/worldbank) <br> May 2022"
 output:
   xaringan::moon_reader:
     css: ["libs/remark-css/default.css", 

Presentations/libs/countdown/countdown.css

@@ -39,22 +39,14 @@
   background-color: #F04124;
 }
 .countdown.finished .countdown-digits {
-<<<<<<< HEAD
-  color: #3C1099;
-=======
   color: #3C1009;
->>>>>>> master
 }
 .countdown.running.warning {
   border-color: #CFAE24;
   background-color: #E6C229;
 }
 .countdown.running.warning .countdown-digits {
-<<<<<<< HEAD
-  color: #3930AA;
-=======
   color: #39300A;
->>>>>>> master
 }
 
 @-webkit-keyframes blink {

Presentations/libs/panelset/panelset.css

@@ -4,7 +4,6 @@
   width: 100%;
   position: relative;
   --panel-tabs-border-bottom: #ddd;
-  --panel-tabs-sideways-max-width: 25%;
   --panel-tab-foreground: currentColor;
   --panel-tab-background: unset;
   --panel-tab-active-foreground: currentColor;
@@ -68,8 +67,6 @@
   color: currentColor;
   text-decoration: none;
   border: none;
-  width: 100%;
-  height: 100%;
 }
 
 .panelset .panel-tabs .panel-tab > a:focus {
@@ -113,115 +110,3 @@
 .panelset .panel-active {
   display: block;
 }
-
-/* ---- Sideways Panelset ---- */
-
-@media (min-width: 480px) {
-  .panelset.sideways {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .panelset.sideways .panel-tabs {
-    box-shadow: none;
-    flex-direction: column;
-    align-items: start;
-    margin: 0;
-    margin-right: 1em;
-    border-right: 2px solid var(--panel-tabs-border-bottom);
-    max-width: var(--panel-tabs-sideways-max-width);
-  }
-
-  .panelset.sideways .panel {
-    max-width: calc(100% - var(--panel-tabs-sideways-max-width) - 1em);
-  }
-
-  .panelset.sideways .panel-tabs .panel-tab {
-    border-top: unset;
-    border-bottom: unset;
-    padding-left: 0;
-  }
-
-  .panelset.sideways.right {
-    flex-direction: row-reverse;
-    justify-content: space-between;
-  }
-
-  .panelset.sideways.right {
-  	text-align: inherit;
-  }
-
-  .panelset.sideways.right .panel-tabs {
-    align-items: end;
-    margin-right: 0;
-    margin-left: 1em;
-    border-right: unset;
-    border-left: 2px solid var(--panel-tabs-border-bottom);
-  }
-
-  .panelset.sideways.right .panel-tabs .panel-tab {
-    padding-left: 1em;
-    width: 100%;
-  }
-
-  .panelset.sideways.right .panel-tabs .panel-tab a {
-    text-align: right;
-  }
-}
-
-/*
-  This next part repeats the same CSS inside the @media query above but with
-  remarkjs-specific classes to ensure that sideways panelsets are always used.
-  In the future, we could use @container queries instead once they're availble.
-*/
-
-.remark-container .panelset.sideways {
-  display: flex;
-  flex-direction: row;
-}
-
-.remark-container .panelset.sideways .panel-tabs {
-  box-shadow: none;
-  flex-direction: column;
-  align-items: start;
-  margin: 0;
-  margin-right: 1em;
-  border-right: 2px solid var(--panel-tabs-border-bottom);
-  max-width: var(--panel-tabs-sideways-max-width);
-}
-
-.remark-container .panelset.sideways .panel {
-  max-width: calc(100% - var(--panel-tabs-sideways-max-width) - 1em);
-}
-
-.remark-container .panelset.sideways .panel-tabs .panel-tab {
-  border-top: unset;
-  border-bottom: unset;
-  padding-left: 0;
-}
-
-.remark-container .panelset.sideways.right {
-  flex-direction: row-reverse;
-  justify-content: space-between;
-}
-
-.remark-container .panelset.sideways.right {
-	text-align: inherit;
-}
-
-.remark-container .panelset.sideways.right .panel-tabs {
-  align-items: end;
-  margin-right: 0;
-  margin-left: 1em;
-  border-right: unset;
-  border-left: 2px solid var(--panel-tabs-border-bottom);
-}
-
-.remark-container .panelset.sideways.right .panel-tabs .panel-tab {
-  padding-left: 1em;
-  width: 100%;
-}
-
-.remark-container .panelset.sideways.right .panel-tabs .panel-tab a {
-  text-align: right;
-}

Presentations/libs/panelset/panelset.js

@@ -235,7 +235,6 @@
 
       const contents = panels.map(processPanelItem).filter(o => o !== null)
       const newPanelSet = reflowPanelSet(contents, idx)
-      newPanelSet.classList = panelset.classList
       panelset.parentNode.insertBefore(newPanelSet, panelset)
       panelset.parentNode.removeChild(panelset)