Merge pull request #15 from gavinr/2020-conference-updates

dev summit and fed gis 2020
Esri · Dec 10, 2019 · 153be4b · 153be4b
2 parents 5988c11 + 52ebbf1
commit 153be4b
Show file tree

Hide file tree

Showing 24 changed files with 188 additions and 881 deletions.
diff --git a/README.md b/README.md
@@ -8,8 +8,8 @@ A jumpstart for folks that want to give a presentation using [reveal.js](https:/
 
 Live demos:
 
-* [2019 User Conference template](https://esri.github.io/reveal.js/uc-2019.html)
-* [2019 DevSummit template](https://esri.github.io/reveal.js/devsummit-2019.html)
+* [2020 DevSummit template](https://esri.github.io/reveal.js/devsummit-2020.html)
+* [2020 Fed GIS template](https://esri.github.io/reveal.js/fed-2020.html)
 
 For archived older versions, please see [releases](https://github.com/esri/reveal.js/releases).
 

diff --git a/css/reveal.css b/css/reveal.css
@@ -1,12 +1,12 @@
-/*!
- * reveal.js
- * http://revealjs.com
- * MIT licensed
- *
- * Copyright (C) 2019 Hakim El Hattab, http://hakim.se
+/*!
+ * reveal.js
+ * http://revealjs.com
+ * MIT licensed
+ *
+ * Copyright (C) 2019 Hakim El Hattab, http://hakim.se
  */
-/*********************************************
- * GLOBAL STYLES
+/*********************************************
+ * GLOBAL STYLES
  *********************************************/
 html {
   width: 100%;
@@ -24,8 +24,8 @@ body {
   background-color: #fff;
   color: #000; }
 
-/*********************************************
- * VIEW FRAGMENTS
+/*********************************************
+ * VIEW FRAGMENTS
  *********************************************/
 .reveal .slides section .fragment {
   opacity: 0;
@@ -138,8 +138,8 @@ body {
 .reveal .slides section .fragment.highlight-current-blue.current-fragment {
   color: #1b91ff; }
 
-/*********************************************
- * DEFAULT ELEMENT STYLES
+/*********************************************
+ * DEFAULT ELEMENT STYLES
  *********************************************/
 /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
 .reveal:after {
@@ -162,8 +162,8 @@ body {
   max-height: 100%;
   box-sizing: border-box; }
 
-/*********************************************
- * CONTROLS
+/*********************************************
+ * CONTROLS
  *********************************************/
 @keyframes bounce-right {
   0%, 10%, 25%, 40%, 50% {
@@ -201,7 +201,7 @@ body {
     cursor: pointer;
     color: currentColor;
     transform: scale(0.9999);
-    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
+    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
     z-index: 2;
     pointer-events: auto;
     font-size: inherit;
@@ -350,8 +350,8 @@ body {
     left: 50%;
     margin-left: -1.8em; } }
 
-/*********************************************
- * PROGRESS BAR
+/*********************************************
+ * PROGRESS BAR
  *********************************************/
 .reveal .progress {
   position: absolute;
@@ -379,8 +379,8 @@ body {
   background-color: currentColor;
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 
-/*********************************************
- * SLIDE NUMBER
+/*********************************************
+ * SLIDE NUMBER
  *********************************************/
 .reveal .slide-number {
   position: absolute;
@@ -401,8 +401,8 @@ body {
 .reveal .slide-number-delimiter {
   margin: 0 3px; }
 
-/*********************************************
- * SLIDES
+/*********************************************
+ * SLIDES
  *********************************************/
 .reveal {
   position: relative;
@@ -496,12 +496,12 @@ body {
 .reveal .slides > section > section.future {
   opacity: 0; }
 
-/*********************************************
- * Mixins for readability of transitions
+/*********************************************
+ * Mixins for readability of transitions
  *********************************************/
-/*********************************************
- * SLIDE TRANSITION
- * Aliased 'linear' for backwards compatibility
+/*********************************************
+ * SLIDE TRANSITION
+ * Aliased 'linear' for backwards compatibility
  *********************************************/
 .reveal.slide section {
   backface-visibility: hidden; }
@@ -549,9 +549,9 @@ body {
 .reveal.linear .slides > section > section:not([data-transition]).future {
   transform: translate(0, 150%); }
 
-/*********************************************
- * CONVEX TRANSITION
- * Aliased 'default' for backwards compatibility
+/*********************************************
+ * CONVEX TRANSITION
+ * Aliased 'default' for backwards compatibility
  *********************************************/
 .reveal .slides section[data-transition=default].stack,
 .reveal.default .slides section.stack {
@@ -601,8 +601,8 @@ body {
 .reveal.convex .slides > section > section:not([data-transition]).future {
   transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
 
-/*********************************************
- * CONCAVE TRANSITION
+/*********************************************
+ * CONCAVE TRANSITION
  *********************************************/
 .reveal .slides section[data-transition=concave].stack,
 .reveal.concave .slides section.stack {
@@ -628,8 +628,8 @@ body {
 .reveal.concave .slides > section > section:not([data-transition]).future {
   transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
 
-/*********************************************
- * ZOOM TRANSITION
+/*********************************************
+ * ZOOM TRANSITION
  *********************************************/
 .reveal .slides section[data-transition=zoom],
 .reveal.zoom .slides section:not([data-transition]) {
@@ -657,12 +657,12 @@ body {
 .reveal.zoom .slides > section > section:not([data-transition]).future {
   transform: scale(0.2); }
 
-/*********************************************
- * CUBE TRANSITION
- *
- * WARNING:
- * this is deprecated and will be removed in a
- * future version.
+/*********************************************
+ * CUBE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
  *********************************************/
 .reveal.cube .slides {
   perspective: 1300px; }
@@ -723,12 +723,12 @@ body {
   transform-origin: 0% 0%;
   transform: translate3d(0, 100%, 0) rotateX(-90deg); }
 
-/*********************************************
- * PAGE TRANSITION
- *
- * WARNING:
- * this is deprecated and will be removed in a
- * future version.
+/*********************************************
+ * PAGE TRANSITION
+ *
+ * WARNING:
+ * this is deprecated and will be removed in a
+ * future version.
  *********************************************/
 .reveal.page .slides {
   perspective-origin: 0% 50%;
@@ -788,8 +788,8 @@ body {
   transform-origin: 0% 100%;
   transform: translate3d(0, 0, 0); }
 
-/*********************************************
- * FADE TRANSITION
+/*********************************************
+ * FADE TRANSITION
  *********************************************/
 .reveal .slides section[data-transition=fade],
 .reveal.fade .slides section:not([data-transition]),
@@ -801,16 +801,16 @@ body {
 .reveal.fade.overview .slides > section > section {
   transition: none; }
 
-/*********************************************
- * NO TRANSITION
+/*********************************************
+ * NO TRANSITION
  *********************************************/
 .reveal .slides section[data-transition=none],
 .reveal.none .slides section:not([data-transition]) {
   transform: none;
   transition: none; }
 
-/*********************************************
- * PAUSED MODE
+/*********************************************
+ * PAUSED MODE
  *********************************************/
 .reveal .pause-overlay {
   position: absolute;
@@ -843,8 +843,8 @@ body {
   visibility: visible;
   opacity: 1; }
 
-/*********************************************
- * FALLBACK
+/*********************************************
+ * FALLBACK
  *********************************************/
 .no-transforms {
   overflow-y: auto; }
@@ -881,8 +881,8 @@ body {
 .reveal .no-transition * {
   transition: none !important; }
 
-/*********************************************
- * PER-SLIDE BACKGROUNDS
+/*********************************************
+ * PER-SLIDE BACKGROUNDS
  *********************************************/
 .reveal .backgrounds {
   position: absolute;
@@ -1044,8 +1044,8 @@ body {
 .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
   transition-duration: 1200ms; }
 
-/*********************************************
- * OVERVIEW
+/*********************************************
+ * OVERVIEW
  *********************************************/
 .reveal.overview {
   perspective-origin: 50% 50%;
@@ -1095,8 +1095,8 @@ body {
 .reveal.overview-deactivating .backgrounds .slide-background {
   transition: none; }
 
-/*********************************************
- * RTL SUPPORT
+/*********************************************
+ * RTL SUPPORT
  *********************************************/
 .reveal.rtl .slides,
 .reveal.rtl .slides h1,
@@ -1119,8 +1119,8 @@ body {
 .reveal.rtl .progress span {
   float: right; }
 
-/*********************************************
- * PARALLAX BACKGROUND
+/*********************************************
+ * PARALLAX BACKGROUND
  *********************************************/
 .reveal.has-parallax-background .backgrounds {
   transition: all 0.8s ease; }
@@ -1132,8 +1132,8 @@ body {
 .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
   transition-duration: 1200ms; }
 
-/*********************************************
- * OVERLAY FOR LINK PREVIEWS AND HELP
+/*********************************************
+ * OVERLAY FOR LINK PREVIEWS AND HELP
  *********************************************/
 .reveal > .overlay {
   position: absolute;
@@ -1275,8 +1275,8 @@ body {
   padding-top: 20px;
   padding-bottom: 20px; }
 
-/*********************************************
- * PLAYBACK COMPONENT
+/*********************************************
+ * PLAYBACK COMPONENT
  *********************************************/
 .reveal .playback {
   position: absolute;
@@ -1291,8 +1291,8 @@ body {
   opacity: 0;
   visibility: hidden; }
 
-/*********************************************
- * CODE HIGHLGIHTING
+/*********************************************
+ * CODE HIGHLGIHTING
  *********************************************/
 .reveal .hljs table {
   margin: initial; }
@@ -1311,8 +1311,8 @@ body {
 .reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
   opacity: 0.4; }
 
-/*********************************************
- * ROLLING LINKS
+/*********************************************
+ * ROLLING LINKS
  *********************************************/
 .reveal .roll {
   display: inline-block;
@@ -1351,8 +1351,8 @@ body {
   transform-origin: 50% 0%;
   transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
 
-/*********************************************
- * SPEAKER NOTES
+/*********************************************
+ * SPEAKER NOTES
  *********************************************/
 .reveal aside.notes {
   display: none; }
@@ -1424,8 +1424,8 @@ body {
   .reveal .speaker-notes {
     font-size: 14px; } }
 
-/*********************************************
- * ZOOM PLUGIN
+/*********************************************
+ * ZOOM PLUGIN
  *********************************************/
 .zoomed .reveal *,
 .zoomed .reveal *:before,

diff --git a/css/theme/dev-summit-2019.css → css/theme/dev-summit-2020.css b/css/theme/dev-summit-2019.css → css/theme/dev-summit-2020.css
@@ -10,16 +10,16 @@
  * GLOBAL STYLES
  *********************************************/
 body {
-  /* http://colorzilla.com/gradient-editor/#28469c+0,28469c+20,0050a2+90,01509e+100 */
-  background: #28469c;
+  /* https://colorzilla.com/gradient-editor/#863fe4+0,1c0e9b+100 */
+  background: #863fe4;
   /* Old browsers */
-  background: -moz-linear-gradient(top, #28469c 0%, #28469c 20%, #0050a2 90%, #01509e 100%);
+  background: -moz-linear-gradient(left, #863fe4 0%, #1c0e9b 100%);
   /* FF3.6-15 */
-  background: -webkit-linear-gradient(top, #28469c 0%, #28469c 20%, #0050a2 90%, #01509e 100%);
+  background: -webkit-linear-gradient(left, #863fe4 0%, #1c0e9b 100%);
   /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(to bottom, #28469c 0%, #28469c 20%, #0050a2 90%, #01509e 100%);
+  background: linear-gradient(to right, #863fe4 0%, #1c0e9b 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28469c', endColorstr='#01509e',GradientType=0 );
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#863fe4', endColorstr='#1c0e9b',GradientType=1 );
   /* IE6-9 */
   background-color: #fff; }
 
@@ -158,7 +158,7 @@ body {
   font-family: monospace;
   line-height: 1.2em;
   word-wrap: break-word;
-  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
 
 .reveal code {
   font-family: monospace;