Update <head> for slides

stefmolin · Apr 11, 2024 · 6b33a97 · 6b33a97
1 parent 48e724e
commit 6b33a97
Show file tree

Hide file tree

Showing 3 changed files with 161 additions and 19 deletions.
diff --git a/slides/html/workshop.slides.html b/slides/html/workshop.slides.html
@@ -1,15 +1,61 @@
 <!DOCTYPE html>
 <html>
-<head><meta charset="utf-8" />
+<head><!-- Google tag (gtag.js) -->
+<script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-25389D1SR4"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+    dataLayer.push(arguments);
+    }
+    gtag("js", new Date());
+
+    gtag("config", "G-25389D1SR4");
+</script>
+<meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
 
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
-<title>Beyond the Basics: Data Visualization in Python workshop slides &ndash; Stefanie Molin</title>
-<link rel="shortcut icon" type="image/x-icon" href="/favicon/favicon.ico">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
+<meta name="theme-color" content="#000" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@StefanieMolin" />
+<meta name="twitter:creator" content="@StefanieMolin" />
+<meta property="og:type" content="website" />
+<meta property="og:locale" content="en_US" />
+<meta property="og:site_name" content="Stefanie Molin" />
+<meta name="author" content="Stefanie Molin" />
+<meta name="referrer" content="origin" />
+<meta
+  name="keywords"
+  content="technology, workshop, data visualization, Python, data science, slides" />
+<link rel="manifest" href="/favicon/site.webmanifest" />
+<meta
+  property="og:url"
+  content="https://stefaniemolin.com/python-data-viz-workshop/" />
+<meta name="robots" content="index,follow" />
+<meta
+  name="description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:title"
+  content="Beyond the Basics: Data Visualization in Python workshop slides | Stefanie Molin" />
+<meta
+  property="og:description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:image"
+  content="https://ogcdn.net/e4b8c678-7bd5-445d-ba03-bfaad510c686/v3/stefaniemolin.com/Beyond%20the%20Basics%3A%20Data%20Visualization%20in%20Python%20workshop%20slides/https%3A%2F%2Fimages.unsplash.com%2Fphoto-1517783999520-f068d7431a60%3Fixid%3DMnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8%26ixlib%3Drb-1.2.1%26auto%3Dformat%26fit%3Dcrop%26w%3D2340%26q%3D80/og.png" />
+<meta
+  property="og:image:alt"
+  content="Beyond the Basics: Data Visualization in Python workshop slides" />
+<meta property="og:image:width" content="2340" />
+<meta property="og:image:height" content="1560" />
+
+<title>Beyond the Basics: Data Visualization in Python workshop slides | Stefanie Molin</title>
+<link rel="shortcut icon" type="image/x-icon" href="/favicon/favicon.ico"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
 
 <!-- General and theme style sheets -->
 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/reveal.css">
@@ -122732,9 +122778,9 @@ <h4 id="2.-Handle-HoloViz-imports-and-set-up-the-Matplotlib-backend.">2. Handle
 
 
 
-<div id="5a5bb0ea-ad4f-46bc-bf76-da01c3cde285" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="b58e017d-0a04-4983-abb9-d5b7e6fab167" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('5a5bb0ea-ad4f-46bc-bf76-da01c3cde285');
+var element = document.getElementById('b58e017d-0a04-4983-abb9-d5b7e6fab167');
 (function(root) {
   function now() {
     return new Date();
@@ -124463,9 +124509,9 @@ <h4 id="2.-Handle-HoloViz-imports-and-set-up-the-Matplotlib-backend.">2. Handle
 
 
 
-<div id="485a07b4-92c0-494f-9ae7-55a466d9d6d4" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="127658d6-6de4-4ddf-a3da-caa95e9b8128" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('485a07b4-92c0-494f-9ae7-55a466d9d6d4');
+var element = document.getElementById('127658d6-6de4-4ddf-a3da-caa95e9b8128');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}
@@ -125277,9 +125323,9 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
 
 
 
-<div id="53ae870a-7647-4f1d-8485-80274914724d" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="b8a8f67d-cbff-4a81-b423-244ae981be6b" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('53ae870a-7647-4f1d-8485-80274914724d');
+var element = document.getElementById('b8a8f67d-cbff-4a81-b423-244ae981be6b');
 (function(root) {
   function now() {
     return new Date();
@@ -127008,9 +127054,9 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
 
 
 
-<div id="7485e564-5a58-4cd1-9b10-875cda8d9a4b" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="7f857e4f-aed2-4a2b-8d6f-5f1bfcc3d99e" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('7485e564-5a58-4cd1-9b10-875cda8d9a4b');
+var element = document.getElementById('7f857e4f-aed2-4a2b-8d6f-5f1bfcc3d99e');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}
@@ -127852,9 +127898,9 @@ <h3 id="2.-Import-the-required-libraries-and-set-up-the-Bokeh-backend.">2. Impor
 
 
 
-<div id="3087dfef-a70a-4608-bbff-00cdb0167408" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="d2c9450c-4ac0-4813-9704-8e88dfe6a0de" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('3087dfef-a70a-4608-bbff-00cdb0167408');
+var element = document.getElementById('d2c9450c-4ac0-4813-9704-8e88dfe6a0de');
 (function(root) {
   function now() {
     return new Date();
@@ -129583,9 +129629,9 @@ <h3 id="2.-Import-the-required-libraries-and-set-up-the-Bokeh-backend.">2. Impor
 
 
 
-<div id="988cb770-5e95-458c-a243-4ecb7b892044" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
+<div id="051bf72c-16da-4bbf-bbc1-2fdbd20da27f" class="jp-RenderedJavaScript jp-OutputArea-output " data-mime-type="application/javascript">
 <script type="text/javascript">
-var element = document.getElementById('988cb770-5e95-458c-a243-4ecb7b892044');
+var element = document.getElementById('051bf72c-16da-4bbf-bbc1-2fdbd20da27f');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}

diff --git a/slides/templates/larger_font/index.html.j2 b/slides/templates/larger_font/index.html.j2
@@ -19,13 +19,61 @@
 <head>
 
 {%- block html_head -%}
+<!-- Google tag (gtag.js) -->
+<script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-25389D1SR4"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+    dataLayer.push(arguments);
+    }
+    gtag("js", new Date());
+
+    gtag("config", "G-25389D1SR4");
+</script>
 <meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
 
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
-<title>{{title}} {{nb_title}} slides &ndash; Stefanie Molin</title>
+<meta name="theme-color" content="#000" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@StefanieMolin" />
+<meta name="twitter:creator" content="@StefanieMolin" />
+<meta property="og:type" content="website" />
+<meta property="og:locale" content="en_US" />
+<meta property="og:site_name" content="Stefanie Molin" />
+<meta name="author" content="Stefanie Molin" />
+<meta name="referrer" content="origin" />
+<meta
+  name="keywords"
+  content="technology, workshop, data visualization, Python, data science, slides" />
+<link rel="manifest" href="/favicon/site.webmanifest" />
+<meta
+  property="og:url"
+  content="https://stefaniemolin.com/{{repo_name}}/" />
+<meta name="robots" content="index,follow" />
+<meta
+  name="description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:title"
+  content="{{title}} {{nb_title}} slides | Stefanie Molin" />
+<meta
+  property="og:description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:image"
+  content="https://ogcdn.net/e4b8c678-7bd5-445d-ba03-bfaad510c686/v3/stefaniemolin.com/Beyond%20the%20Basics%3A%20Data%20Visualization%20in%20Python%20workshop%20slides/https%3A%2F%2Fimages.unsplash.com%2Fphoto-1517783999520-f068d7431a60%3Fixid%3DMnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8%26ixlib%3Drb-1.2.1%26auto%3Dformat%26fit%3Dcrop%26w%3D2340%26q%3D80/og.png" />
+<meta
+  property="og:image:alt"
+  content="{{title}} {{nb_title}} slides" />
+<meta property="og:image:width" content="2340" />
+<meta property="og:image:height" content="1560" />
+
+<title>{{title}} {{nb_title}} slides | Stefanie Molin</title>
 <link rel="shortcut icon" type="image/x-icon" href="/favicon/favicon.ico">
 
 {%- block html_head_js -%}

diff --git a/slides/templates/regular/index.html.j2 b/slides/templates/regular/index.html.j2
@@ -19,13 +19,61 @@
 <head>
 
 {%- block html_head -%}
+<!-- Google tag (gtag.js) -->
+<script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-25389D1SR4"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+    dataLayer.push(arguments);
+    }
+    gtag("js", new Date());
+
+    gtag("config", "G-25389D1SR4");
+</script>
 <meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
 
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
-<title>{{title}} {{nb_title}} slides &ndash; Stefanie Molin</title>
+<meta name="theme-color" content="#000" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@StefanieMolin" />
+<meta name="twitter:creator" content="@StefanieMolin" />
+<meta property="og:type" content="website" />
+<meta property="og:locale" content="en_US" />
+<meta property="og:site_name" content="Stefanie Molin" />
+<meta name="author" content="Stefanie Molin" />
+<meta name="referrer" content="origin" />
+<meta
+  name="keywords"
+  content="technology, workshop, data visualization, Python, data science, slides" />
+<link rel="manifest" href="/favicon/site.webmanifest" />
+<meta
+  property="og:url"
+  content="https://stefaniemolin.com/{{repo_name}}/" />
+<meta name="robots" content="index,follow" />
+<meta
+  name="description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:title"
+  content="{{title}} {{nb_title}} slides | Stefanie Molin" />
+<meta
+  property="og:description"
+  content="The human brain excels at finding patterns in visual representations, which is why data visualizations are essential to any analysis. Done right, they bridge the gap between those analyzing the data and those consuming the analysis. However, learning to create impactful, aesthetically-pleasing visualizations can often be challenging. This session will equip you with the skills to make customized visualizations for your data using Python." />
+<meta
+  property="og:image"
+  content="https://ogcdn.net/e4b8c678-7bd5-445d-ba03-bfaad510c686/v3/stefaniemolin.com/Beyond%20the%20Basics%3A%20Data%20Visualization%20in%20Python%20workshop%20slides/https%3A%2F%2Fimages.unsplash.com%2Fphoto-1517783999520-f068d7431a60%3Fixid%3DMnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8%26ixlib%3Drb-1.2.1%26auto%3Dformat%26fit%3Dcrop%26w%3D2340%26q%3D80/og.png" />
+<meta
+  property="og:image:alt"
+  content="{{title}} {{nb_title}} slides" />
+<meta property="og:image:width" content="2340" />
+<meta property="og:image:height" content="1560" />
+
+<title>{{title}} {{nb_title}} slides | Stefanie Molin</title>
 <link rel="shortcut icon" type="image/x-icon" href="/favicon/favicon.ico">
 
 {%- block html_head_js -%}