edgeATX · bmoeskau · Feb 22, 2024 · Feb 21, 2024 · Feb 22, 2024
diff --git a/slides/2024/02-feb/images/afghanistan.jpeg b/slides/2024/02-feb/images/afghanistan.jpeg
diff --git a/slides/2024/02-feb/images/ascii-theater.png b/slides/2024/02-feb/images/ascii-theater.png
diff --git a/slides/2024/02-feb/images/bernie.jpeg b/slides/2024/02-feb/images/bernie.jpeg
diff --git a/slides/2024/02-feb/images/chiefs.jpeg b/slides/2024/02-feb/images/chiefs.jpeg
diff --git a/slides/2024/02-feb/images/covid-outbreak.jpeg b/slides/2024/02-feb/images/covid-outbreak.jpeg
diff --git a/slides/2024/02-feb/images/expedia-logo.jpg b/slides/2024/02-feb/images/expedia-logo.jpg
diff --git a/slides/2024/02-feb/images/kobe.jpeg b/slides/2024/02-feb/images/kobe.jpeg
diff --git a/slides/2024/02-feb/images/parasite.jpeg b/slides/2024/02-feb/images/parasite.jpeg
diff --git a/slides/2024/02-feb/images/rocket-turtle.jpeg b/slides/2024/02-feb/images/rocket-turtle.jpeg
diff --git a/slides/2024/02-feb/images/sonic.jpeg b/slides/2024/02-feb/images/sonic.jpeg
diff --git a/slides/2024/02-feb/images/trump.jpeg b/slides/2024/02-feb/images/trump.jpeg
diff --git a/slides/2024/02-feb/index.html b/slides/2024/02-feb/index.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<title>Bleeding Edge Web</title>
+
+		<link rel="stylesheet" href="../../shared/reveal.js/dist/reset.css">
+		<link rel="stylesheet" href="../../shared/reveal.js/dist/reveal.css">
+		<link rel="stylesheet" href="../../shared/reveal.js/dist/theme/black-contrast.css">
+		<link rel="stylesheet" href="../../shared/reveal.js/dist/theme/bew-overrides.css">
+
+		<!-- Theme used for syntax highlighted code -->
+		<link rel="stylesheet" href="../../shared/reveal.js/plugin/highlight/monokai.css">
+	</head>
+	<body>
+		<div class="reveal">
+			<div class="slides">
+				<section class="center">
+					<h1>Bleeding Edge Web</h1>
+					<h2><a href="https://twitter.com/edgeatx">@edgeATX</a></h2>
+					<h2><a href="https://www.edgeatx.org/">edgeATX.org</a></h2>
+				</section>
+
+				<section>
+					<h2>February 2024</h2>
+					<h3 class="star">News From the Bleeding Edge</h3>
+          <p>&mdash; Brian Moeskau (<a href="https://twitter.com/bmoeskau">@bmoeskau</a>)</p>
+					<h3 class="star">Modern Web Applications with HTMX</h3>
+					<p class="indent">&mdash; Ted Patrick (<a href="https://twitter.com/__ted__">@__ted__</a>)</p>
+				</section>
+
+				<section>
+					<h2>Thanks to Our Sponsor!</h2>
+					<div style="background-color: #fff;padding: 25px 0 0 40px;border-radius: 15px;">
+						<img src="images/expedia-logo.jpg" alt="Expedia Group">
+					</div>
+				</section>
+
+				<section>
+					<h2>Housekeeping</h2>
+					<ul>
+            <li><a href="https://forms.gle/E8ZbBHwaEcR67bzC6">Introduce yourself!</a></li>
+						<li class="fragment">Join us on <a
+								href="https://join.slack.com/t/edgeatx/shared_invite/zt-1onzae2c4-0JBegV3EvF5VV4R_MDQsUA">Slack</a>
+						</li>
+						<li class="fragment">Speakers and sponsors <strong class="highlight">always wanted</strong>
+							<ul class="fragment">
+								<li><a href="https://www.edgeatx.org/speak.html">edgeatx.org / speak.html</a></li>
+								<li><a href="https://www.edgeatx.org/sponsorship.html">edgeatx.org / sponsorship.html</a></li>
+							</ul>
+						</li>
+						<li class="fragment">Post-meet social options</li>
+					</ul>
+				</section>
+
+        <section data-background-color="#661f34" class="center main-title">
+          <h2 style="color:white;">2020 &rarr; 2024</h2>
+        </section>
+
+				<section>
+					<h2>Where did we leave off?</h2>
+					<p>Last time BEW met in person was:</p>
+					<p class="fragment"><strong style="font-size:1.3em;">&rarr; February 26, 2020!</strong></p>
+					<p class="fragment">What was even going on back then?</p>
+				</section>
+
+				<section class="center">
+					<img src="images/covid-outbreak.jpeg" alt="Covid" style="width: 90%;">
+					<p>This was happening.</p>
+					<aside class="notes">
+						<strong>Jan 30</strong>: First recorded instance of person-to-person spread of the 2019 Novel
+						Coronavirus in the U.S. (total cases = 7).
+						<strong>Feb 6</strong>: First novel coronavirus related death recorded in the US.
+						<strong>Feb 11</strong>: WHO announces the official name for the disease: “COVID-19”
+					</aside>
+				</section>
+
+				<section class="center">
+					<img src="images/trump.jpeg" alt="Trump" style="width: 90%;">
+					<p>This guy was president.</p>
+					<aside class="notes">
+						 He was impeached (for the first time) and acquitted Feb 5. We were still 9 months from the
+						election, and 11 months from the Jan 6 attack...
+					</aside>
+				</section>
+
+				<section class="center">
+					<img src="images/bernie.jpeg" alt="Bernie" style="width: 90%;">
+					<p>This guy was the leading challenger.</p>
+					<aside class="notes">Won most votes in the Iowa caucus on Feb 3.</aside>
+				</section>
+
+				<section class="center">
+					<div class="r-stack">
+						<img  src="images/sonic.jpeg" alt="Sonic the Hedgehog">
+						<img class="fragment" src="images/parasite.jpeg" alt="Parasite">
+						<img class="fragment" src="images/kobe.jpeg" alt="Kobe Bryant">
+						<img class="fragment" src="images/afghanistan.jpeg" alt="Afghanistan">
+						<img class="fragment" src="images/chiefs.jpeg" alt="Chiefs with the Super Bowl">
+					</div>
+					<p>Other notable milestones...</p>
+					<aside class="notes">
+						<ul>
+							<li><strong>Feb 14</strong>: Sonic the Hedgehog opened on Valentine's Day and would gross $148MM</li>
+							<li><strong>Feb 9</strong>: Parasite is the first non-English film to win the Best Picture Oscar</li>
+							<li><strong>Feb 24</strong>: Memorial service for Kobe Bryant held</li>
+							<li><strong>Feb 29</strong>: US and Taliban sign deal to end 18-year war in Afghanistan</li>
+							<li><strong>Feb 2</strong>: The Chiefs beat SF in the Super Bowl LIV (54). Well, some things haven't changed :)</li>
+						</ul>
+					</aside>
+				</section>
+
+				<section data-background-color="#661f34" class="center main-title">
+					<h2 style="color:white;">News from the<br>Bleeding Edge</h2>
+				</section>
+
+				<section data-transition="slide-in fade-out">
+					<h2>How about browsers?</h2>
+					<p>Browsers in February 2020:</p>
+					<ul>
+						<li class="fragment"><strong class="highlight">Chrome:</strong> version 80</li>
+						<li class="fragment"><strong class="highlight">Firefox:</strong> version 73</li>
+						<li class="fragment"><strong class="highlight">Safari:</strong> version 13</li>
+					</ul>
+				</section>
+
+				<section data-transition="fade-in slide-out">
+					<h2>How about browsers?</h2>
+					<p>Browsers in February 2024:</p>
+					<ul>
+						<li><strong class="highlight">Chrome:</strong> version 80 &rarr; <strong class="highlight">121</strong> (+41)</li>
+						<li><strong class="highlight">Firefox:</strong> version 73 &rarr; <strong class="highlight">123</strong> (+50)</li>
+						<li><strong class="highlight">Safari:</strong> version 13 &rarr; <strong class="highlight">17</strong> (+4)</li>
+					</ul>
+					<aside class="notes">So... not going to summarize 95 releases today :)</aside>
+				</section>
+
+				<section data-background-color="#661f34" class="center main-title">
+					<h2 style="color:white;">A Few Random Updates</h2>
+				</section>
+
+				<section>
+					<h2>RedwoodJS v7.0</h2>
+					<p><a href="https://redwoodjs.com/">redwoodjs.com</a></p>
+					<ul>
+						<li>"Focus on building your startup, not fighting your framework."</li>
+						<li class="fragment">React + GraphQL + Prisma + TS + Jest + Storybook</li>
+						<li class="fragment"><a href="https://community.redwoodjs.com/t/redwood-v7-0-0-is-now-available/5777">v7.0</a> adds
+							Redwood Studio, GraphQL Realtime &amp; Fragments, Sentry integration, and more</li>
+					</ul>
+				</section>
+
+				<section>
+					<h2>jQuery 4.0.0 BETA !!</h2>
+					<p><a href="https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/">jquery.com</a></p>
+					<ul>
+						<li>Goodbye IE &lt; 11</li>
+						<li class="fragment">Removed a bunch of deprecated APIs</li>
+						<li class="fragment">Migrated source from AMD to ES modules</li>
+						<li class="fragment">jQuery is dead... long live jQuery!</li>
+					</ul>
+				</section>
+
+				<section>
+					<h2>Backbone 1.6.0 !!</h2>
+					<p><a href="https://backbonejs.org/#changelog">backbonejs.org</a></p>
+					<ul>
+						<li>A few random things :)</li>
+						<li class="fragment">Backbone is dead... long live Backbone!</li>
+					</ul>
+				</section>
+
+				<section>
+					<h2>Meet Rocket Turtle</h2>
+					<p>The new Node.js mascot (interesting <a href="https://github.com/nodejs/admin/issues/828">back story</a>)</p>
+					<div class="center">
+						<img src="images/rocket-turtle.jpeg" alt="Rocket Turtle" style="width: 90%;">
+					</div>
+				</section>
+
+				<section>
+					<h2>ASCII Theater</h2>
+					<p><a href="https://ascii.theater/">Stream</a> free text-based movies in your terminal</p>
+					<div class="center">
+						<img src="images/ascii-theater.png" alt="ASCII Theater" style="width: 90%;">
+					</div>
+				</section>
+
+				<section>
+					<h2>Reset</h2>
+					<ul>
+						<li>There's so much more we could talk about...</li>
+						<li class="fragment">Bun, Deno, Vite, Astro, Svelte, Next.js, ...</li>
+						<li class="fragment">The list goes on</li>
+						<li class="fragment">Back to our regular updates next time :)</li>
+					</ul>
+				</section>
+
+				<section>
+					<h2>Thanks!</h2>
+					<p>Brian Moeskau</p>
+					<ul>
+						<li><a href="https://www.moeskau.com/">moeskau.com</a></li>
+						<li><a href="https://www.edgeatx.org/slides/">edgeATX.org / slides</a></li>
+					</ul>
+				</section>
+			</div>
+		</div>
+
+		<script src="../../shared/reveal.js/dist/reveal.js"></script>
+		<script src="../../shared/reveal.js/plugin/notes/notes.js"></script>
+		<script src="../../shared/reveal.js/plugin/markdown/markdown.js"></script>
+		<script src="../../shared/reveal.js/plugin/highlight/highlight.js"></script>
+		<script>
+			Reveal.initialize({
+				hash: true,
+				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
+			});
+		</script>
+	</body>
+</html>
diff --git a/slides/shared/reveal.js/dist/reset.css b/slides/shared/reveal.js/dist/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/slides/shared/reveal.js/dist/reveal.css b/slides/shared/reveal.js/dist/reveal.css
diff --git a/slides/shared/reveal.js/dist/reveal.js b/slides/shared/reveal.js/dist/reveal.js
diff --git a/slides/shared/reveal.js/dist/reveal.js.map b/slides/shared/reveal.js/dist/reveal.js.map
diff --git a/slides/shared/reveal.js/dist/theme/bew-overrides.css b/slides/shared/reveal.js/dist/theme/bew-overrides.css
@@ -0,0 +1,103 @@
+.reveal .slides {
+  text-align: initial;
+}
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  text-transform: initial;
+}
+
+.reveal h1 {
+  color: #E91E63;
+  letter-spacing: -.03em;
+  text-shadow: 0 5px 10px rgba(0,0,0,.7);
+}
+.reveal h2 {
+  color: #E91E63;
+  /*border-bottom: 0;*/
+  /*padding: 20px 0 10px 0;*/
+  letter-spacing: -.03em;
+  /*font-size: 2.4em;*/
+  margin-bottom: 20px;
+  text-shadow: 0 5px 10px rgba(0,0,0,.7);
+}
+.reveal h3 {
+  /*margin-bottom: .7em;*/
+  /*font-weight: 500;*/
+}
+
+.reveal .highlight {
+  color: #E91E63;
+}
+
+.reveal .center {
+  text-align: center;
+}
+.reveal .main-title {
+  font-size: 1.8em;
+}
+
+.star:before {
+  content: '\2606'; /* &star; */
+  color: #E91E63;
+  padding-right: 20px;
+}
+.lightning:before {
+  content: '\26A1';
+  padding-right: 20px;
+}
+
+img[alt=""],
+img:not([alt]) {
+  border: 10px dashed #c00;
+}
+
+.shim {
+  z-index: -99;
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  opacity: .6;
+}
+
+ul {
+  margin-left: .5em;
+}
+li {
+  line-height: 1.5em;
+  list-style: none;
+  padding: .15em 0;
+}
+li:before {
+  content: '\029BF'; // &ofcir;
+  color: #E91E63;
+  padding-right: 20px;
+}
+
+ul ul {
+  margin-bottom: 0;
+}
+ul ul li {
+  padding-left: .6em;
+}
+ul ul li:before {
+  content: '\2192'; // &rarr;
+  color: #E91E63;
+  padding-right: 20px;
+}
+
+.small {
+  font-size: 75%;
+}
+.strike {
+  text-decoration: line-through;
+}
+.dim {
+  opacity: .4;
+}