switch from gulp to vite to build, add types for reveal.js config

hakimel · Mar 28, 2024 · 9fe6d8d · 9fe6d8d
1 parent 6410c75
commit 9fe6d8d
Show file tree

Hide file tree

Showing 113 changed files with 59,696 additions and 6,096 deletions.
diff --git a/css/reset.css b/css/reset.css
@@ -0,0 +1,30 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v4.0 | 20180602
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+main, menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, main, menu, nav, section {
+  display: block;
+}
diff --git a/css/theme/source/beige.scss → css/theme/beige.scss b/css/theme/source/beige.scss → css/theme/beige.scss
@@ -6,8 +6,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -40,5 +40,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/black-contrast.scss → css/theme/black-contrast.scss b/css/theme/source/black-contrast.scss → css/theme/black-contrast.scss
@@ -9,8 +9,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -45,5 +45,5 @@ $heading4Size: 1.0em;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/black.scss → css/theme/black.scss b/css/theme/source/black.scss → css/theme/black.scss
@@ -6,13 +6,13 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
 // Include theme-specific fonts
-@import url(./fonts/source-sans-pro/source-sans-pro.css);
+@import url("/theme/fonts/source-sans-pro/source-sans-pro.css");
 
 
 // Override theme settings (see ../template/settings.scss)
@@ -42,5 +42,5 @@ $heading4Size: 1.0em;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/blood.scss → css/theme/blood.scss b/css/theme/source/blood.scss → css/theme/blood.scss
@@ -11,8 +11,8 @@
  */
 
  // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 // Include theme-specific fonts
@@ -51,7 +51,7 @@ $selectionColor: #fff;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
 
 // some overrides after theme template import

diff --git a/css/theme/source/dracula.scss → css/theme/dracula.scss b/css/theme/source/dracula.scss → css/theme/dracula.scss
@@ -5,8 +5,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -74,7 +74,7 @@ $codeFont: "Fira Code", $systemFontsMono;
 @include light-bg-text-color($background);
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
 
 // Define additional color effects based on Dracula spec

diff --git a/css/theme/source/league.scss → css/theme/league.scss b/css/theme/source/league.scss → css/theme/league.scss
@@ -8,8 +8,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -32,5 +32,5 @@ $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/moon.scss → css/theme/moon.scss b/css/theme/source/moon.scss → css/theme/moon.scss
@@ -5,8 +5,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -50,5 +50,5 @@ $selectionBackgroundColor: $magenta;
 @include light-bg-text-color(#222);
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/night.scss → css/theme/night.scss b/css/theme/source/night.scss → css/theme/night.scss
@@ -6,8 +6,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -33,5 +33,5 @@ $selectionBackgroundColor: #e7ad52;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/serif.scss → css/theme/serif.scss b/css/theme/source/serif.scss → css/theme/serif.scss
@@ -7,8 +7,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -37,5 +37,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/simple.scss → css/theme/simple.scss b/css/theme/source/simple.scss → css/theme/simple.scss
@@ -8,8 +8,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -39,5 +39,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/sky.scss → css/theme/sky.scss b/css/theme/source/sky.scss → css/theme/sky.scss
@@ -6,8 +6,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -48,5 +48,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/solarized.scss → css/theme/solarized.scss b/css/theme/source/solarized.scss → css/theme/solarized.scss
@@ -5,8 +5,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -62,5 +62,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/white-contrast.scss → css/theme/white-contrast.scss b/css/theme/source/white-contrast.scss → css/theme/white-contrast.scss
@@ -9,8 +9,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -48,5 +48,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/css/theme/source/white.scss → css/theme/white.scss b/css/theme/source/white.scss → css/theme/white.scss
@@ -6,8 +6,8 @@
 
 
 // Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
+@import "./template/mixins";
+@import "./template/settings";
 // ---------------------------------------------
 
 
@@ -45,5 +45,5 @@ $overlayElementFgColor: 240, 240, 240;
 
 
 // Theme template ------------------------------
-@import "../template/theme";
+@import "./template/theme";
 // ---------------------------------------------
diff --git a/demo.html b/demo.html
@@ -455,13 +455,19 @@ <h1>THE END</h1>
 
 		</div>
 
-		<script src="dist/reveal.js"></script>
+		<!-- <script src="dist/reveal.js"></script>
 		<script src="plugin/zoom/zoom.js"></script>
 		<script src="plugin/notes/notes.js"></script>
 		<script src="plugin/search/search.js"></script>
 		<script src="plugin/markdown/markdown.js"></script>
-		<script src="plugin/highlight/highlight.js"></script>
-		<script>
+		<script src="plugin/highlight/highlight.js"></script> -->
+		<script type="module">
+			import Reveal from 'reveal.js';
+			import RevealZoom from 'reveal.js/plugin/zoom';
+			import RevealNotes from 'reveal.js/plugin/notes';
+			import RevealSearch from 'reveal.js/plugin/search';
+			import RevealMarkdown from 'reveal.js/plugin/markdown';
+			import RevealHighlight from 'reveal.js/plugin/highlight';
 
 			// Also available as an ES module, see:
 			// https://revealjs.com/initialization/