changes to theme/css

flatironinstitute · Jun 18, 2024 · 5b308fd · 5b308fd
1 parent b7e81f6
commit 5b308fd
Showing 7 changed files with 503 additions and 23 deletions.
diff --git a/.gitmodules b/.gitmodules
@@ -1,3 +1,6 @@
 [submodule "site/assets/reveal.js"]
 	path = site/assets/reveal.js
 	url = https://github.com/hakimel/reveal.js.git
+[submodule "site/assets/reveal.js-plugins"]
+	path = site/assets/reveal.js-plugins
+	url = git@github.com:rajgoel/reveal.js-plugins.git
diff --git a/site/_layouts/slides.html b/site/_layouts/slides.html
@@ -11,34 +11,60 @@
 
     <link rel="stylesheet" href="/assets/reveal.js/dist/reset.css" />
     <link rel="stylesheet" href="/assets/reveal.js/dist/reveal.css" />
-    <link rel="stylesheet" href="/assets/reveal.js/dist/theme/white.css" />
     <link
       rel="stylesheet"
       href="/assets/reveal.js/plugin/highlight/zenburn.css"
     />
-    <link rel="stylesheet" href="/assets/slides.css" />
-  </head>
-  <body>
-    <div class="reveal">
-      <div class="slides">
-        <section data-markdown="{{ page.markdown }}"></section>
-      </div>
-    </div>
+    <link rel="stylesheet" href="/assets/flatiron-slides.css" />
 
     <script src="/assets/reveal.js/dist/reveal.js"></script>
     <script src="/assets/reveal.js/plugin/notes/notes.js"></script>
     <script src="/assets/reveal.js/plugin/markdown/markdown.js"></script>
     <script src="/assets/reveal.js/plugin/highlight/highlight.js"></script>
     <script src="/assets/reveal.js/plugin/math/math.js"></script>
+
+    <!-- needed for builds from svg images: https://github.com/rajgoel/reveal.js-plugins/tree/master/animate -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.1.2/svg.min.js"></script>
+    <script src="/assets/reveal.js-plugins/loadcontent/plugin.js"></script>
+    <script src="/assets/reveal.js-plugins/animate/plugin.js"></script>
+  </head>
+  <body>
+    <div class="reveal">
+      <div class="slides">
+        <section
+          data-markdown="{{ page.markdown }}"
+          data-separator="^\n---"
+          data-separator-vertical="^\n--"
+          data-separator-notes="^#note:"></section>
+      </div>
+    </div>
     <script>
-      Reveal.initialize({
-        plugins: [
-          RevealMarkdown,
-          RevealHighlight,
-          RevealNotes,
-          RevealMath.KaTeX,
-        ],
-      });
+     Reveal.initialize({
+       plugins: [
+         RevealMarkdown,
+         RevealHighlight,
+         RevealNotes,
+         RevealMath.KaTeX,
+         RevealLoadContent,
+         RevealAnimate,
+       ],
+       controls: false,
+       controlsTutorial: false,
+       slideNumber: true,
+       jumpToSlide: true,
+       width: 1920,
+       height: 1176,
+       margin: 0.10,
+       minScale: 0.50,
+       maxScale: 2.50,
+       fragmentInURL: true,
+       zoomLevel: 3,
+       center: false,
+       touch: true,
+       transition: 'none',
+       progress: true,
+       display: 'block',
+     });
     </script>
   </body>
 </html>
diff --git a/site/assets/01-FI-primary-logo-color-small.png b/site/assets/01-FI-primary-logo-color-small.png
diff --git a/site/assets/CCN.png b/site/assets/CCN.png
diff --git a/site/assets/flatiron-slides.css b/site/assets/flatiron-slides.css
diff --git a/site/assets/reveal.js-plugins b/site/assets/reveal.js-plugins
diff --git a/site/assets/slides.css b/site/assets/slides.css